حول PinePaper Studio
بناء مستقبل الرسوم المتحركة: مبني على المتصفح، أصلي للذكاء الاصطناعي، ومتاح للجميع.
مهمتنا
يعمل PinePaper Studio على إتاحة تصميم الرسوم المتحركة للجميع. نؤمن بأن أدوات الإبداع القوية لا ينبغي أن تتطلب تراخيص برمجيات باهظة أو أجهزة كمبيوتر قوية أو سنوات من التدريب. من خلال الجمع بين تقنيات الويب الحديثة والتصميم القائم على الذكاء الاصطناعي، نجعل النصوص والرسوم المتحركة في متناول المبدعين حول العالم.
ما يميزنا
تصميم أصلي للذكاء الاصطناعي
مبني من الأساس للعمل بسلاسة مع مساعدي الذكاء الاصطناعي. تتيح واجهة API الشاملة لدينا لوكلاء الذكاء الاصطناعي إنشاء الرسومات وتحريكها وتصديرها من خلال أوامر اللغة الطبيعية.
تصدير MP4 و GIF
تصدير إلى فيديو MP4 (H.264 عبر WebCodecs) لمنصات Instagram و TikTok و LinkedIn. إنشاء صور GIF لمنصات Twitter و Discord وتطبيقات المراسلة. بالإضافة إلى SVG متحرك و PNG.
الجدول الزمني والإطارات الرئيسية
محرر جدول زمني احترافي مع رسوم متحركة قائمة على الإطارات الرئيسية. إنشاء تسلسلات متناسقة مع تحكم دقيق بالتوقيت و5 دوال تخفيف واستكمال ألوان.
عالمي بطبيعته
دعم لـ 52 لغة وجميع أنظمة الكتابة بما في ذلك الصينية والعربية والهندية والبنغالية والرموز التعبيرية. إنشاء محتوى لأي جمهور في أي مكان في العالم.
حرية المتصفح
لا حاجة للتثبيت. يعمل على أي جهاز بمتصفح حديث. تتم معالجة إبداعاتك محليًا، مما يضمن الخصوصية ونتائج فورية دون الحاجة لاتصال بالخادم.
مكتبة القوالب
انطلق بإبداعك مع قوالب مُعدّة مسبقًا. خلفيات جميلة ونصوص متحركة وتخطيطات احترافية جاهزة للتخصيص. احفظ إبداعاتك كقوالب قابلة لإعادة الاستخدام.
واجهة مزدوجة
واجهة مستخدم بديهية للمصممين وواجهة API قوية لوكلاء الذكاء الاصطناعي والمطورين. واجهتان، مهمة واحدة: تمكين الإبداع.
جاهز للطباعة
إنشاء مواد طباعة احترافية بأحجام A3 و A4 و A5 و Letter و Legal و Tabloid بدقة 300 DPI. تصدير إلى PDF مع هوامش التشذيب وعلامات القص، أو PNG عالي الدقة (حتى 600 DPI) للطباعة التجارية.
تحريك الشخصيات الهيكلي
تحريك هيكلي بالعظام مع انتشار الحركة الأمامية وحل الحركة العكسية FABRIK. حفظ واستكمال الأوضاع، واستخدام هياكل جاهزة (بشري، رباعي الأرجل، عنكبوت)، وتشغيل الحركة عبر الإطارات المفتاحية.
المزج والتركيب
أوضاع مزج لكل عنصر ومجموعة مع 7 إعدادات مسبقة (شبحي، نيون، ظل، توهج، أشعة سينية، حالم، كلاسيكي). انتقالات متحركة، أوضاع تفاعلية بالتمرير/النقر، وتفاعلات مزج قائمة على القرب.
قص المسارات والأقنعة
تحريك رسم الخطوط باستخدام قص المسارات لتأثيرات "رسم الخط". أقنعة متقدمة مع أوضاع القص/الطرح/التقاطع، وتكديس الأقنعة، وكشف متحرك (14 إعدادًا مسبقًا)، وتحريك الرؤوس.
العلاقات الإجرائية
أنواع علاقات جديدة: driven_by (ربط الخصائص)، وwiggle (ضوضاء إجرائية)، وtime_expression (تعبيرات رياضية مع t). بالإضافة إلى التركيبات المتداخلة (precomps) بجداول زمنية محلية مستقلة.
Infinite Canvas
اسحبوا أي مكان بدون حدود وطريقة التفريغ غير المربوطة تزيل جميع القيود المفروضة على الحجم - سواء كانت مقصورة أو زووم بحرية عبر مكان عمل غير محدود.
أدوات سحب
6 أدوات للرسم المهني: قلم، فرشاة حبر، علامة، رذاذ، ممسحة، وسد الدلو. كل واحد مع الوسائر العرفية والتصوير الأمثل للسكتة الدماغية.
المنظور الجنساني
Project primitives (cube, sphere, cylinder, torus, cone) onto the canvas with 5 projection types. GPU-accelerated rendering (WebGPU/WebGL2), tropical, and selectable " draggable perspective objects.
GPU أفلام الصور
Real-time image processing powered by WebGPU compute shaders with WebGL2 fallback. HSL, brightness, contrast, posterize, edge detection, color tint, vignette, blur, and filter chaining in a single GPU pass.
الفصل التصويري
Freehand lasso tool to select and extract image regions at full native resolution. 8 طلاءات نمطية مقطعية (ضربة، بطاقة بريدية، ملصقات، ملصقات، صورة واحدة، رسمة، دافئة، باردة) تجمع بين مرشحات GPU مع آثار الظل.
مهندس الرياضيات العلمية
عدد من الحوسبة التي تستخدمها الرياضيات - مذيبات من طراز ODE (RK4/RK45)، وتحليل الطيف من طراز FFT، ورسم خرائط العمل، وخطوط التماثل، ومحاكاة النظم الدينامية، والأسطح شبه المتماثلة من منظورها. الرياضيات الحقيقيّة، مُحاكاة على الكنفاس.
الامتثال والثقة
WCAG 2.1 AA
شجرة الظل التي يمكن الوصول إليها للملاحة الملاحة الرئيسية، وإعلانات المنطقة الحية، وتخطي الصلات، ومراجعة الحسابات المتناقضة، والتحقق من حساسية الحركة. Uses pp:PinePaper ontology for semantic item descriptions.
رؤوس الأمان
HSTS مع التحميل المسبق، سياسة أمان المحتوى، X-Frame-Options. بدون وصول للكاميرا أو الميكروفون أو الموقع الجغرافي.
الخصوصية بالتصميم
معالجة 100% من جانب العميل. بدون رفع للخادم، بدون ملفات تعريف الارتباط، بدون جمع بيانات.
التقنية والقدرات
التقنية الأساسية
- ▹ Paper.js: معالجة وتصيير الرسومات المتجهة
- ▹ قماش HTML5: الرسوم المتحركة والتصدير في الوقت الحقيقي
- ▹ جافا سكريبت الفانيليا: خفيف وسريع وبدون تبعيات
- ▹ محرك الجدول الزمني: استكمال الإطارات الرئيسية مع دوال التخفيف
- ▹ محرك التحريك الهيكلي: تحريك هيكلي بمحللات FK/IK واستكمال الأوضاع الإصدار 0.4
- ▹ رسم المعرفة التصميمي: أنطولوجيا دلالية مع 25+ نوع علاقة، و35+ دالة رياضية، وتسلسل هرمي للأنواع الإصدار 0.4
- ▹ محرك Rust/WASM: تسريع WebAssembly اختياري — معالجة العلاقات أسرع 10-100 مرة، بدون توقفات GC. v0.5
- ▹ أنطولوجيا pp:PinePaper: مفردات دلالية من 55 رمزًا (عناصر، علاقات، رسوم متحركة، أقنعة، مولدات) — لغة رسوم PinePaper المتحركة. v0.5
- ▹ خفير: تتبع الأخطاء ومراقبة الأداء
صيغ التصدير
- ▹ فيديو WebM: ترميز VP9 - أفضل جودة للرسوم المتحركة
- ▹ فيديو MP4: H.264 عبر WebCodecs API - مثالي لوسائل التواصل الاجتماعي
- ▹ رسوم GIF متحركة: عبر gif.js Web Workers - مثالي لتطبيقات المراسلة
- ▹ PDF للطباعة: 300 DPI مع هامش تشذيب (3-5 مم) وعلامات قص - للطباعة الاحترافية
- ▹ PNG عالي الدقة: حتى 600 DPI لجودة الطباعة التجارية
- ▹ SVG متحرك: رسوم SVG متحركة أصلية باستخدام SMIL
- ▹ عنصر واجهة تفاعلي: HTML مستقل مع كود خاص بالمشهد (~8-20 كيلوبايت). مسرّع بـ WASM. قابل للتضمين في أي مكان. v0.5
- ▹ Lottie JSON: تنسيق رسوم متحركة قياسي. يحوّل الرسوم المتحركة الإجرائية تلقائيًا إلى إطارات مفتاحية أصلية. v0.4
أنواع الرسوم المتحركة
نظام التأثيرات
On-Device AI EXPERIMENTAL
PinePaper supports client-side LLMs that run entirely in your browser — no account, nothing sent to a server. Chrome's built-in Gemini Nano, or any other in-browser model, can follow this experimental process to let its agent talk to PinePaper's tools directly.
The model emits PinePaper tool calls constrained by a grammar (a JSON schema on Chrome's Prompt API, an EBNF grammar on WebLLM), so the output is always valid and runs straight onto the canvas — a prompt becomes a scene in one step. Find it under AI / Code → Assistant in the editor. Being on-device, it's free and private; quality tracks whatever small model your browser provides, while the Cloud tab and MCP below give you larger models for higher fidelity.
خادم MCP لـ PinePaper
Use PinePaper with Claude Desktop and other AI assistants via the @pinepaper.studio/mcp-server npm package. Create animated graphics using natural language:
Pair MCP with the official Claude Skill
(سكايل) يعلم (كلود) متى سيصلPinePaperوكيف يقودها بشكل صحيح اثبتي مرة و اطلبي الإنجليز العاديين "اجمعي هذا الشعار" واجعلي شارة حيّة نقيةPinePaperبدلاً من توليد HTML/CSS.
الإعداد السريع
1. التثبيت العام:
npm install -g @pinepaper.studio/mcp-server
2. الإضافة إلى إعدادات Claude Desktop:
ماك: ~/Library/Application
Support/Claude/claude_desktop_config.json
ويندوز:
%APPDATA%\Claude\claude_desktop_config.json
{
"mcpServers": {
"pinepaper": {
"command": "npx",
"args": ["-y", "@pinepaper.studio/mcp-server"]
}
}
}
3. جرّبه في Claude Desktop:
الأدوات المتاحة
- • إنشاء النص والأشكال والرسومات
- • إضافة العلاقات (أكثر من 25 نوعًا: المدارات، المتابعة، التذبذب، إلخ.)
- • الإطار الرئيسي والرسوم المتحركة المحددة مسبقا
- • تزوير الشخصية (الهياكل العظمية، العظام، IK/FK)
- • مزج الإعدادات المسبقة والانتقالات
- • الرسوم البيانية والخرائط وإنشاء الخطوط
- • توليد الخلفيات الإجرائية (14 مولداً)
- • Vertex deformation (13 presets: fold, twist, wave, etc.)
- • تصدير SVG، بيانات التدريب
منصات الذكاء الاصطناعي المدعومة
- • كلود سطح المكتب
- • أي عميل متوافق مع MCP
- • عمليات تكامل مخصصة عبر واجهة برمجة التطبيقات (API).
رسم المعرفة التصميمي
Unveiled in v0.4, the Design Knowledge Graph is a semantic reasoning layer that maps relationships between visual elements. Unlike traditional tools that only store pixel or vector data, PinePaper understands the intent behind the design—whether an object "orbits" another, "points at" a target, or "follows" a path.
يتيح هذا النهج المبتكر لوكلاء الذكاء الاصطناعي التفكير في الرسوم المتحركة المعقدة والعلاقات الهيكلية، مما يسمح بإنشاء رسوم متحركة متطورة تحافظ على التماسك الدلالي.
البحث المُسند
تستند بنية رسم المعرفة التصميمي إلى أفكار من هذه الأوراق البحثية المحكّمة:
-
📄
الرسم البياني للمعرفة بطريقة التصميم مدفوعًا ببيانات غير متجانسة متعددة المصادر Applied Sciences، 2025 يوضح كيف يمكن لرسوم المعرفة التقاط علاقات أساليب التصميم من مصادر غير متجانسة — وهو الأساس لنظام العلاقات الدلالية لدينا.
-
📄
استخدام نماذج لغوية كبيرة لمواجهة التحديات الأساسية في تعلم الرسم البياني arXiv، 2025 مسح لمنهجيات النماذج اللغوية الكبيرة في مسائل تعلم الرسوم البيانية — يُرشد كيفية كشف أدوات MCP لدينا عن هيكل الرسم البياني لوكلاء الذكاء الاصطناعي.
-
📄
بناء الرسم البياني للمعرفة الممكّن من LLM: دراسة استقصائية arXiv، 2025 مسح شامل لبناء رسوم المعرفة المدعومة بالنماذج اللغوية الكبيرة — المنهجية وراء استخراج رسم التصميم الآلي لدينا.
للمطورين ووكلاء الذكاء الاصطناعي
PinePaper exposes a comprehensive global API (window.PinePaper)
that enables programmatic control of the entire application. AI assistants and developers can:
- • إنشاء ومعالجة النصوص والأشكال وعناصر SVG المستوردة
- • تطبيق الرسوم المتحركة (9 إعدادات مسبقة) والتأثيرات (التلألؤ، الانفجار)
- • إنشاء رسوم متحركة قائمة على الإطارات الرئيسية مع التحكم بالجدول الزمني
- • التصدير إلى MP4 و GIF و SVG أو PNG عبر API
- • استخدام العلاقات التصريحية (يدور حول، يتبع، مرتبط بـ)
- • تحريك الشخصيات بهياكل عظمية وإطارات مفتاحية للأوضاع الإصدار 0.4
- • إنشاء تركيبات متداخلة (precomps) بجداول زمنية محلية الإصدار 0.4
- • بناء سير عمل آلي وأنظمة معالجة دفعية
مثال على استخدام API:
// Create animated text
const text = app.create('text', {
content: 'Hello World', x: 400, y: 300, fontSize: 48, color: '#4a9eff'
});
// Apply animation preset
app.animate(text, { animationType: 'pulse' });
// Keyframe animation with easing
app.create('circle', {
x: 400, y: 300, radius: 50, color: '#ef4444',
animationType: 'keyframe',
keyframes: [
{ time: 0, properties: { y: 100, opacity: 0 } },
{ time: 1, properties: { y: 300, opacity: 1 }, easing: 'bounce' }
]
});
// Declarative relations
app.addRelation(moonId, earthId, 'orbits', { radius: 100, speed: 0.5 });
رؤيتنا
نحن نبني أول منصة رسوم متحركة أصلية للذكاء الاصطناعي حقًا. بينما تضيف الأدوات الأخرى الذكاء الاصطناعي كفكرة لاحقة، صُمم PinePaper منذ اليوم الأول ليتم التحكم فيه من قبل البشر والآلات على حد سواء.
هدفنا جعل الرسوم المتحركة سهلة مثل كتابة النصوص. سواء كنت مصممًا ينشئ محتوى يدويًا، أو مساعد ذكاء اصطناعي يساعد المستخدم من خلال اللغة الطبيعية، يوفر PinePaper الأدوات لإنشاء رسومات متحركة احترافية في ثوانٍ.
✨ ما التالي؟
v0.5 shipped data-driven charts, vision-puppeteering (webcam → rigged character), the measurement system with rulers + snap, glTF / BVH export, and the Claude Skill + MCP plugin marketplace. Up next: deeper agent integrations, animation state machines as a first-class primitive, and a growing template library across art, education, and motion-design domains.
المجتمع والتطوير المفتوح
يتم تطوير PinePaper Studio بشفافية مع مجتمعنا. نرحب بالملاحظات وطلبات الميزات وتقارير الأخطاء. يسترشد تطويرنا باحتياجات المستخدمين الحقيقية والمشهد المتطور للإبداع بمساعدة الذكاء الاصطناعي.
مجاني ومفتوح
PinePaper Studio is Freeware v1.0 (currently v0.5.2-beta) and free to use for personal and commercial purposes. Create unlimited animations, export unlimited files, and use them in any project without restrictions. We believe powerful creative tools should be accessible to everyone.
Licensing & Open Source Credits
PinePaper Studio is built on the shoulders of giants. We are grateful to the maintainers of these open-source projects, without which PinePaper would not exist. Each library is bundled under its original license — please refer to the linked source for full terms.
PinePaper Studio itself
-
▹
Application code Proprietary FreewareFree to use; source code is not licensed for redistribution, modification, or forking. See LICENSE and Terms of Service.
-
▹
PinePaper Ontology (
pp:vocabulary) CC0 1.0 Public DomainThe semantic vocabulary and Knowledge Graph are dedicated to the public domain. Use pp: triples in your own canvases, exports, training data, or models with no attribution required. See /ontology/. -
▹
MCP Server MITThe Model Context Protocol server is open source and may be forked, modified, and redistributed. See github.com/pinepaper/mcp-server.
-
▹
PineWidget runtime EmbeddableThe standalone widget player ships unobfuscated and is intended for third-party embedding.
Each linked project's repository carries its own license file.
We ship obfuscated production builds so a local node_modules
tree isn't in the distribution; we keep this list above and these upstream links current
instead. If we have missed attributing a project, please
let us know.