אודות 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) להדפסה מסחרית.

v0.4
🦴

ריגינג דמויות

אנימציה שלדית עם עצמות, הפצת FK ופותר FABRIK IK. שמירה ואינטרפולציה של תנוחות, שימוש בתצורות מוכנות (אנושי, רביעייה, עכביש), והנעת אנימציה דרך קיפריימים בציר הזמן.

v0.4
🎭

מיזוג וקומפוזיטינג

מצבי מיזוג לכל פריט ולכל קבוצה עם 7 הגדרות (רוח, ניאון, צל, זוהר, רנטגן, חלומי, וינטג'). מעברים מונפשים, מצבים אינטראקטיביים בריחוף/לחיצה, ותגובות מיזוג מבוססות קרבה.

v0.4
✂️

חיתוך נתיבים ומסיכות

הנפשת ציור קו עם חיתוך נתיבים לאפקטי "ציור קו". מסיכות מתקדמות עם מצבי חיתוך/חיסור/חיתוך, ערימת מסיכות, חשיפות מונפשות (14 הגדרות), ואנימציית קודקודים.

v0.4
🔗

יחסים פרוצדורליים

סוגי יחסים חדשים: driven_by (קישור מאפיינים), wiggle (רעש פרוצדורלי), ו-time_expression (ביטויים מתמטיים עם t). בנוסף קומפוזיציות מקוננות (precomps) עם צירי זמן מקומיים עצמאיים.

v0.4
🌐

קנאביס אינסופי

ציירו מקום ללא גבולות. מצב הבד הבלתי מוגבל מסיר את כל ההגבלות בגודל - פאן ו- zoom באופן חופשי על פני סביבת עבודה אינסופית.

v0.4
🖌️

כלים

6 כלי ציור מקצועיים: עט, צחצוח דיו, סימון, תרסיס יכול, מסלק וממלא דלי. כל אחד עם cursor מותאם אישית ואלגוריתמים שבץ אופטימיזציה.

v0.4
🧊

פרספקטיבה Rendering

פרויקט פרימיטיביות (cube, ספירה, גליל, טורוס, cone) על הבד עם 5 סוגי הקרנה. GPU-accelerated להפוך (WebGPU/WebGL2), מצלמה מסלולית, ואובייקטי פרספקטיבה נבחרים וסחירים.

v0.5
🎛

GPU Image Filters

עיבוד תמונה בזמן אמת המופעל על ידי WebGPU מדביקים עם WebGL2 Fallback. התאמות HSL, בהירות, ניגודיות, כרזות, זיהוי קצה, צבע tint, vignette, מטושטש ומסנן שרשראות במעבר GPU יחיד.

v0.5

צילום: Segmentation

הכלי Freehand lasso כדי לבחור ולהפיק אזורי תמונה ברזולוציה מקומית מלאה. 8 presets סגנון חיתוך (papercut, גלויה, מקלר, פוסטר, מונו, סקיצה, חם, מגניב) משלב מסננים GPU עם אפקטים צל.

v0.5
📐

מתמטיקה ומדע Engine

מחשוב נומרי המופעל על ידי מתמטיקה.js - ODE פותרים (RK4/RK45), ניתוח ספקטרום FFT, תפקוד מתפתל, עקומות קצביות, סימולציה מערכת דינמי, משטחים parametric בפרספקטיבה. מתמטיקה אמיתית, אנימציה על הבד.

תאימות ואמון

Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.1

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

סוגי אנימציה

פעימה סיבוב קפיצה עמעום התנדנדות נדנדה רעידה ג'לי מכונת כתיבה נתיבים מותאמים אנימציית קיפריימים חיתוך נתיבים נתיבי תנועה מרחביים מורפולוגיית נתיב 13 Deform Presets 100+ Animation Presets

מערכת אפקטים

10 Visual Effects Sparkle Blast Fire Smoke Rain Snow Confetti Ripple Glow Electric 14 Mask Presets 19 Blend Presets 12 Blend Modes

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.

Skill docs →

התקנה מהירה

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:

"צור טקסט אדום פועם שאומר HELLO" "גרום לכדור הארץ להקיף את השמש"

כלים זמינים

  • • יצירת טקסט, צורות, גרפיקה
  • • הוספת יחסים (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 לחשוב על אנימציות מורכבות ויחסים מבניים, ומאפשרת יצירת גרפיקת תנועה מתוחכמת ששומרת על עקביות סמנטית.

מחקר מיוחס

ארכיטקטורת גרף הידע העיצובי שואבת רעיונות מהמאמרים האקדמיים הבאים:

למפתחים וסוכני 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.

59
שפות נתמכות
25+
סוגי יחסים
111+
API Methods
7
פורמטי ייצוא

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 Freeware
    Free 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 Domain
    The 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 MIT
    The Model Context Protocol server is open source and may be forked, modified, and redistributed. See github.com/pinepaper/mcp-server.
  • PineWidget runtime Embeddable
    The standalone widget player ships unobfuscated and is intended for third-party embedding.
Paper.js MIT
Vector graphics rendering foundation
math.js Apache-2.0
Expression evaluation, ODE solvers, numerical analysis
opentype.js MIT
Font glyph parsing for the Font Studio
planck-js MIT
Box2D physics engine for canvas item simulation
d3-geo ISC
Geographic projections for the Map System
d3-geo-projection ISC
Extended map projections (Robinson, Mollweide, Winkel)
topojson-client ISC
TopoJSON-to-GeoJSON converter for map data
gif.js MIT
Animated GIF export via Web Workers
jsPDF MIT
PDF export with bleed and trim marks
@sentry/browser MIT
Error tracking (production build only)
DOMPurify Apache-2.0 OR MPL-2.0
Cure53's XSS sanitizer — runs on every imported SVG before Paper.js sees it, so a malicious file can't smuggle scripts or event handlers into the editor.
@observablehq/plot ISC
Data visualization scales and transforms for the Chart System
@huggingface/transformers Apache-2.0 Coming soon
Vendored ESM build + ONNX runtime WebAssembly. Will power on-device video understanding (object detection on imported clips) once the feature ships. Listed here for license attribution; not yet wired to any user-visible affordance.
DETR ResNet-50 (q4) Apache-2.0 Coming soon
Facebook AI's DETR object-detection model, q4-quantized for browser inference. Listed here for license attribution; not yet wired to any user-visible affordance.
Qwen2.5-1.5B-Instruct Apache-2.0
Alibaba's Qwen2.5 instruction-tuned LLM. Quantized (q4f16) and run fully on-device via WebGPU to power the PinePaper client AI assistant — prompts never leave your device. A smaller Qwen2.5-0.5B-Instruct (also Apache-2.0) is used as the low-storage fallback.
WebLLM (MLC) Apache-2.0
MLC-AI's in-browser LLM runtime — loads the Qwen2.5 weights and runs inference on WebGPU for the on-device assistant.
LibreTranslate AGPL-3.0 Build-time
Self-hosted machine-translation API used at build time to translate the editor UI, User Guide, and Knowledge Hub into the supported languages. Not bundled or network-served by the app — only its output (the translated text) ships.
Argos Translate MIT Build-time
The open neural translation engine (and open language models) that LibreTranslate runs under the hood for our build-time localization pipeline.

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.