אודות PinePaper Studio
בונים את עתיד גרפיקת התנועה: מבוססת דפדפן, מבוססת AI, ונגישה לכולם.
המשימה שלנו
PinePaper Studio מדמוקרטת את עיצוב גרפיקת התנועה. אנחנו מאמינים שכלי יצירה עוצמתיים לא צריכים לדרוש רישיונות תוכנה יקרים, מחשבים חזקים, או שנות הכשרה. על ידי שילוב טכנולוגיות ווב מודרניות עם עיצוב מבוסס AI, אנחנו הופכים טקסט מונפש וגרפיקה לנגישים ליוצרים ברחבי העולם.
מה מייחד אותנו
עיצוב מבוסס AI
נבנה מהיסוד לעבודה חלקה עם עוזרי AI. ה-API המקיף שלנו מאפשר לסוכני AI ליצור, להנפיש ולייצא גרפיקה באמצעות פקודות שפה טבעית.
ייצוא MP4 ו-GIF
ייצוא לווידאו MP4 (H.264 דרך WebCodecs) לאינסטגרם, טיקטוק ולינקדאין. יצירת GIF לטוויטר, דיסקורד ואפליקציות הודעות. בנוסף SVG מונפש ו-PNG.
ציר זמן וקיפריימים
עורך ציר זמן מקצועי עם אנימציות מבוססות קיפריימים. יצירת רצפים מתוזמנים עם שליטה מדויקת בתזמון, 5 פונקציות החלקה ואינטרפולציית צבע.
גלובלי כברירת מחדל
תמיכה ב-52 שפות ובכל מערכות הכתיבה כולל סינית, ערבית, הינדי, בנגלית ואימוג'י. צרו תוכן לכל קהל, בכל מקום בעולם.
חופש מבוסס דפדפן
אין צורך בהתקנה. עובד בכל מכשיר עם דפדפן מודרני. היצירות שלכם מעובדות מקומית, מבטיחות פרטיות ותוצאות מיידיות ללא פניות לשרת.
ספריית תבניות
התחילו את היצירתיות שלכם עם תבניות מעוצבות מראש. רקעים יפים, טקסט מונפש ופריסות מקצועיות מוכנות להתאמה אישית. שמרו את היצירות שלכם כתבניות לשימוש חוזר.
ממשק כפול
ממשק משתמש אינטואיטיבי למעצבים אנושיים ו-API עוצמתי לסוכני AI ומפתחים. שני ממשקים, משימה אחת: להעצים יצירתיות.
עיצוב מוכן להדפסה
צרו חומרי הדפסה מקצועיים עם הגדרות A3, A4, A5, Letter, Legal ו-Tabloid ברזולוציית 300 DPI. ייצוא ל-PDF עם שוליים וסימני חיתוך, או PNG ברזולוציה גבוהה (עד 600 DPI) להדפסה מסחרית.
ריגינג דמויות
אנימציה שלדית עם עצמות, הפצת FK ופותר FABRIK IK. שמירה ואינטרפולציה של תנוחות, שימוש בתצורות מוכנות (אנושי, רביעייה, עכביש), והנעת אנימציה דרך קיפריימים בציר הזמן.
מיזוג וקומפוזיטינג
מצבי מיזוג לכל פריט ולכל קבוצה עם 7 הגדרות (רוח, ניאון, צל, זוהר, רנטגן, חלומי, וינטג'). מעברים מונפשים, מצבים אינטראקטיביים בריחוף/לחיצה, ותגובות מיזוג מבוססות קרבה.
חיתוך נתיבים ומסיכות
הנפשת ציור קו עם חיתוך נתיבים לאפקטי "ציור קו". מסיכות מתקדמות עם מצבי חיתוך/חיסור/חיתוך, ערימת מסיכות, חשיפות מונפשות (14 הגדרות), ואנימציית קודקודים.
יחסים פרוצדורליים
סוגי יחסים חדשים: driven_by (קישור מאפיינים), wiggle (רעש פרוצדורלי), ו-time_expression (ביטויים מתמטיים עם t). בנוסף קומפוזיציות מקוננות (precomps) עם צירי זמן מקומיים עצמאיים.
קנאביס אינסופי
ציירו מקום ללא גבולות. מצב הבד הבלתי מוגבל מסיר את כל ההגבלות בגודל - פאן ו- zoom באופן חופשי על פני סביבת עבודה אינסופית.
כלים
6 כלי ציור מקצועיים: עט, צחצוח דיו, סימון, תרסיס יכול, מסלק וממלא דלי. כל אחד עם cursor מותאם אישית ואלגוריתמים שבץ אופטימיזציה.
פרספקטיבה Rendering
פרויקט פרימיטיביות (cube, ספירה, גליל, טורוס, cone) על הבד עם 5 סוגי הקרנה. GPU-accelerated להפוך (WebGPU/WebGL2), מצלמה מסלולית, ואובייקטי פרספקטיבה נבחרים וסחירים.
GPU Image Filters
עיבוד תמונה בזמן אמת המופעל על ידי WebGPU מדביקים עם WebGL2 Fallback. התאמות HSL, בהירות, ניגודיות, כרזות, זיהוי קצה, צבע tint, vignette, מטושטש ומסנן שרשראות במעבר GPU יחיד.
צילום: Segmentation
הכלי Freehand lasso כדי לבחור ולהפיק אזורי תמונה ברזולוציה מקומית מלאה. 8 presets סגנון חיתוך (papercut, גלויה, מקלר, פוסטר, מונו, סקיצה, חם, מגניב) משלב מסננים GPU עם אפקטים צל.
מתמטיקה ומדע Engine
מחשוב נומרי המופעל על ידי מתמטיקה.js - ODE פותרים (RK4/RK45), ניתוח ספקטרום FFT, תפקוד מתפתל, עקומות קצביות, סימולציה מערכת דינמי, משטחים parametric בפרספקטיבה. מתמטיקה אמיתית, אנימציה על הבד.
תאימות ואמון
WCAG 2.1 AA
עץ צל נגישות לקורא מסך ניווט. ניווט מקלדת, הודעות אזוריות לחיות, לדלג על קישורים, ביקורת ניגודיות ובדיקות רגישות תנועה. השתמש ב-p:PinePaper Ontology עבור תיאורים של פריטים סמנטיים.
כותרות אבטחה
HSTS עם טעינה מקדימה, CSP, X-Frame-Options, Permissions-Policy. ללא גישה למצלמה, מיקרופון, מיקום או תשלום.
פרטיות בעיצוב
100% עיבוד בצד הלקוח. ללא העלאות לשרת, ללא עוגיות, ללא איסוף נתונים.
טכנולוגיה ויכולות
טכנולוגיית ליבה
- ▹ Paper.js: מניפולציה ורינדור של גרפיקה וקטורית
- ▹ HTML5 Canvas: אנימציה בזמן אמת וייצוא
- ▹ Vanilla JavaScript: קל משקל, מהיר, ללא תלויות
- ▹ מנוע ציר זמן: אינטרפולציית קיפריימים עם פונקציות החלקה
- ▹ מנוע ריגינג: אנימציה שלדית עם פותרי FK/IK ואינטרפולציית תנוחות v0.4
- ▹ גרף ידע עיצובי: אונטולוגיה סמנטית עם 25+ סוגי יחסים, 35+ פונקציות מתמטיות, והיררכיית סוגים v0.4
- ▹ Rust/WASM זמן ריצה: האצת WebAssembly אופציונלית — עיבוד יחסים מהיר פי 10-100, ללא השהיות GC. נסיגה ל-JS. 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-20KB). מואץ WASM. ניתן להטמעה בכל מקום. v0.5
- ▹ Lottie JSON: פורמט אנימציה תעשייתי. ממיר אוטומטית אנימציות פרוצדורליות ל-keyframes מקוריים. 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 עם קלוד סקיל
הסקיל מלמד את קלוד מתי להגיע ל-PinePaper וכיצד לנהוג בצורה נכונה. התקן פעם אחת ולשאול באנגלית פשוטה - "לחיות את הלוגו הזה", "עשה תג חי כפול" - וקווי קלוד דרך PinePaper במקום לייצר HTML/CSS.
התקנה מהירה
1. התקנה גלובלית:
npm install -g @pinepaper.studio/mcp-server
2. הוסף לתצורת Claude Desktop:
macOS: ~/Library/Application
Support/Claude/claude_desktop_config.json
Windows:
%APPDATA%\Claude\claude_desktop_config.json
{
"mcpServers": {
"pinepaper": {
"command": "npx",
"args": ["-y", "@pinepaper.studio/mcp-server"]
}
}
}
3. נסה ב-Claude Desktop:
כלים זמינים
- • יצירת טקסט, צורות, גרפיקה
- • הוספת יחסים (25+ סוגים: orbits, follows, wiggle, וכו')
- • אנימציות קיפריימים והגדרות מוכנות
- • ריגינג דמויות (שלדים, עצמות, IK/FK)
- • הגדרות מיזוג ומעברים
- • דיאגרמות, מפות, יצירת גופנים
- • יצירת רקעים פרוצדורליים (14 מחוללים)
- • Vertex deformation (13 presets: fold, twist, wave, etc.)
- • ייצוא SVG, נתוני אימון
פלטפורמות AI נתמכות
- קלוד שולחן העבודה
- • כל לקוח תואם 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.
גישה חדשנית זו מאפשרת לסוכני AI לחשוב על אנימציות מורכבות ויחסים מבניים, ומאפשרת יצירת גרפיקת תנועה מתוחכמת ששומרת על עקביות סמנטית.
מחקר מיוחס
ארכיטקטורת גרף הידע העיצובי שואבת רעיונות מהמאמרים האקדמיים הבאים:
-
📄
שיטת עיצוב ידע Graph Driven על ידי Multi-Source heterogeneous Data מדע יישומי, 2025 מדגים כיצד גרפי ידע יכולים ללכוד יחסי שיטות עיצוב ממקורות הטרוגניים — הבסיס למערכת היחסים הסמנטית שלנו.
-
📄
שימוש במודלים שפה גדולים לאתגרים בסיסיים ב Graph Learning arXiv, 2025 סקירה של גישות LLM לבעיות למידת גרפים — מנחה כיצד כלי ה-MCP שלנו חושפים מבנה גרף לסוכני AI.
-
📄
LLM-Empowered ידע Graph Construction: A Survey arXiv, 2025 סקירה מקיפה של בניית גרפי ידע מונעי LLM — המתודולוגיה מאחורי חילוץ גרף העיצוב האוטומטי שלנו.
למפתחים וסוכני AI
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
- • להשתמש ביחסים דקלרטיביים (orbits, follows, attached_to)
- • ריגינג דמויות עם אנימציה שלדית וקיפריימי תנוחות v0.4
- • יצירת קומפוזיציות מקוננות (precomps) עם צירי זמן מקומיים v0.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 });
החזון שלנו
אנחנו בונים את פלטפורמת גרפיקת התנועה הראשונה שנבנתה מלכתחילה עבור AI. בעוד כלים אחרים מוסיפים AI כמחשבה שנייה, PinePaper תוכנן מהיום הראשון להיות נשלט הן על ידי בני אדם והן על ידי מכונות.
המטרה שלנו היא להפוך גרפיקת תנועה לקלה כמו כתיבת טקסט. בין אם אתם מעצבים שיוצרים תוכן ידנית, או עוזר AI שעוזר למשתמש דרך שפה טבעית, 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 מפותח בשקיפות עם הקהילה שלנו. אנו מקבלים בברכה משוב, בקשות תכונות ודיווחי באגים. הפיתוח שלנו מונחה על ידי צרכי משתמשים אמיתיים והנוף המתפתח של יצירתיות בעזרת AI.
חינמי ופתוח
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.