ስለ PinePaper Studio

የእንቅስቃሴ ግራፊክስ የወደፊት ይገንባሉ፡ በአሳሽ ላይ፣ AI-ተፈጥሯዊ፣ ለሁሉም ተደራሽ።

ተልዕኮአችን

PinePaper Studio የእንቅስቃሴ ግራፊክስ ንድፍ ለሁሉም ተደራሽ ያደርጋል። ኃይለኛ የፈጠራ መሣሪያዎች ውድ ፈቃዶች ማስፈለግ የለባቸውም።

የሚለየን ነገር

🤖

AI-ተፈጥሯዊ ንድፍ

ከ AI ረዳቶች ጋር በቀጥታ ለመስራት ከመሠረቱ ተገንብቷል።

🎬

MP4 እና GIF ላኩ

ለ Instagram፣ TikTok፣ YouTube MP4 ቪዲዮ ላኩ። ለመልዕክት GIF አኒሜሽን።

⏱️

የጊዜ መስመር እና የቁልፍ ፍሬሞች

በቁልፍ ፍሬም ላይ የተመሰረቱ እነማዎች ያለው ሙያዊ የጊዜ መስመር አርታዒ። በትክክለኛ የጊዜ መቆጣጠሪያ፣ 5 የማቅለጫ ተግባራት እና የቀለም መስተጋብር በኮሪዮግራፍ የተሰሩ ቅደም ተከተሎችን ይፍጠሩ።

🌍

በነባሪነት ዓለም አቀፍ

ለ59 ቋንቋዎች እና ሁሉም የጽሑፍ ስርዓቶች ድጋፍ። ለማንኛውም ታዳሚ ይዘት ይፍጠሩ።

🚀

የአሳሽ ነፃነት

ምንም ጭነት አያስፈልግም። ዘመናዊ አሳሽ ባለው ማንኛውም መሣሪያ ላይ ይሠራል።

📋

የአብነቶች ቤተ-መጻሕፍት

ከተዘጋጁ አብነቶች ጋር ይጀምሩ። ለማህበራዊ ሚዲያ፣ ንግድ፣ እና ትምህርት የተሰሩ።

🎨

ድርብ በይነገጽ

ለሰዎች ንድፍ አውጪዎች የሚታወቅ UI እና ኃይለኛ API ለAI ወኪሎች እና ገንቢዎች። ሁለት በይነገጾች፣ አንድ ተልዕኮ፡ ፈጠራን ማበረታታት።

🖨️

ለማተም ዝግጁ ንድፍ

በ 300 DPI በ A3, A4, A5, Letter, Legal እና Tabloid ቅድመ-ቅምጦች ሙያዊ የህትመት ቁሳቁሶችን ይፍጠሩ. ወደ PDF ከደም እና ከመከርከሚያ ምልክቶች ጋር፣ ወይም ከፍተኛ-DPI PNG (እስከ 600 DPI) ለንግድ ህትመት ይላኩ።

v0.4
🦴

ገጸ ባህሪ ማዘጋጀት

በአጥንቶች የአኒሜሽን ቅርጻ ቅርጽ፣ FK ስርጭት፣ እና FABRIK IK።

v0.4
🎭

ድብልቅ እና ማጣመር

በንጥል እና በቡድን የተዋሃዱ ሁነታዎች ከ 7 ቅድመ-ቅምጦች ( ghost፣ ኒዮን፣ ጥላ፣ ፍካት፣ ኤክስሬይ፣ ህልም ያለው፣ ቪንቴጅ)። የታነሙ ሽግግሮች፣ በይነተገናኝ ማንዣበብ/ጠቅ ሁነታዎች እና በቅርበት ላይ የተመሰረቱ ድብልቅ ምላሾች።

v0.4
✂️

የመቁረጫ ጎዳናዎች እና ጭንብል

ለ"መስመር መሳል" ተፅእኖዎች ከቁራጭ መንገዶች ጋር አኒሜት ስእል። የላቀ ጭንብል በክሊፕ/በቀንሶ/በመጠላለፍ ሁነታዎች፣የጭንብል መደራረብ፣አኒሜሽን መገለጦች (14 ቅድመ-ቅምጦች) እና የወርድ አኒሜሽን።

v0.4
🔗

ሥርዓታዊ ግንኙነቶች

አዲስ የግንኙነት ዓይነቶች፡- የሚነዳ (ንብረት ማገናኘት)፣ ማወዛወዝ (የሂደት ጫጫታ) እና የጊዜ_ገለፃ (የሒሳብ መግለጫዎች ከቲ)። ፕላስ የጎጆ ጥንቅሮች (ቅድመ-ኮምፖች) ከገለልተኛ የአካባቢ የጊዜ መስመሮች ጋር።

v0.4
🌐

ወሰን የሌለው ሸራ

ያለ ወሰን በየትኛውም ቦታ ይሳሉ። ያልተገደበ የሸራ ሁነታ ሁሉንም የመጠን ገደቦችን ያስወግዳል - ማለቂያ በሌለው የስራ ቦታ ላይ በነፃ መጥረግ እና ማጉላት።

v0.4
🖌️

የስዕል መሣሪያዎች

6 ፕሮፌሽናል የስዕል መሳርያዎች፡- እስክሪብቶ፣ የቀለም ብሩሽ፣ ማርከር፣ የሚረጭ ጣሳ፣ ማጥፊያ እና ሙሌት ባልዲ። እያንዳንዳቸው ብጁ ጠቋሚዎች እና የተመቻቹ የጭረት ስልተ ቀመሮች ያላቸው።

v0.4
🧊

የመልክ ትርጉም

የመሠረት ቅርጾችን (ኩብ፣ ሉል፣ ሲሊንደር፣ ቶረስ፣ ኮን) በ5 ዓይነት ትርጉም በሸራ ላይ ያሳዩ።

v0.5
🎛

GPU ምስል ማጣሪያዎች

ቅጽበታዊ የምስል ሂደት በWebGPU የተጎላበተ ሼዶችን ከWebGL2 ውድቀት ጋር። የHSL ማስተካከያ፣ ብሩህነት፣ ንፅፅር፣ ፖስተር ማድረግ፣ የጠርዝ መለየት፣ የቀለም ቅልም፣ ቪግኔት፣ ብዥታ እና የማጣሪያ ሰንሰለት በአንድ የጂፒዩ ማለፊያ።

v0.5

ምስል ክፍፍል

ፍሪሃንድ ላስሶ መሳሪያ የምስል ክልሎችን በሙሉ ቤተኛ ጥራት ለመምረጥ እና ለማውጣት። 8 የተቆረጠ የቅጥ ቅድመ-ቅምጦች (የወረቀት፣ የፖስታ ካርድ፣ ተለጣፊ፣ ፖስተር፣ ሞኖ፣ ንድፍ፣ ሙቅ፣ አሪፍ) የጂፒዩ ማጣሪያዎችን ከጥላ ውጤቶች ጋር ያጣምሩ።

v0.5
📐

የሒሳብ እና ሳይንስ ሞተር

በmath.js የተጎላበተ አሃዛዊ ስሌት — ODE ፈታሾች (RK4/RK45)፣ የኤፍኤፍቲ ስፔክትረም ትንተና፣ የተግባር እቅድ ማውጣት፣ ፓራሜትሪክ ኩርባዎች፣ ተለዋዋጭ የስርዓት ማስመሰል እና በአመለካከት ፓራሜትሪክ ንጣፎች። እውነተኛ ሂሳብ፣ በሸራ የታነመ።

ተገዢነት እና መተማመን

Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.1

WCAG 2.1 አአ

የተደራሽነት ጥላ ዛፍ ለስክሪን አንባቢ ሸራ አሰሳ። የቁልፍ ሰሌዳ አሰሳ፣ የቀጥታ ክልል ማስታወቂያዎች፣ አገናኞችን ዝለል፣ የንፅፅር ኦዲት እና የእንቅስቃሴ ትብነት ማረጋገጫዎች። ለትርጉም ንጥል መግለጫዎች pp:PinePaper ኦንቶሎጂን ይጠቀማል።

🔒

የደህንነት ራስጌዎች

HSTS ከቅድመ ጭነት ጋር፣ የይዘት ደህንነት ፖሊሲ፣ X-ፍሬም-አማራጮች፣ X-ይዘት-አይነት-አማራጮች፣ ፈቃዶች-መመሪያ። ምንም ካሜራ፣ ማይክሮፎን፣ ጂኦግራፊያዊ አካባቢ ወይም የክፍያ API መዳረሻ የለም። ፍሬም-አያቶች ተገድቧል።

👁

ግላዊነት በንድፍ

100% የደንበኛ-ጎን ሂደት። ምንም የአገልጋይ ሰቀላ፣ ኩኪ የለም፣ ምንም የተጠቃሚ መረጃ መሰብሰብ የለም። ሁሉም ንድፎች በአሳሽዎ ውስጥ ይቆያሉ. በአገር ውስጥ ወደ ውጭ ይላኩ - ለማጋራት ካልመረጡ በቀር ከመሣሪያዎ ምንም የሚወጣ ነገር የለም።

ቴክኖሎጂ እና አቅም

ዋና ቴክኖሎጂ

  • Paper.js: የቬክተር ግራፊክስ ማስተናገድ
  • HTML5 Canvas: ቅጽበታዊ አኒሜሽን እና ላኪ
  • Vanilla JavaScript: ቀላል፣ ፈጣን፣ ያለ ጥገኝነት
  • Timeline Engine: Keyframe interpolation with easing functions
  • Rigging Engine: በ FK/IK ሶልቨሮች ስክሌታል አኒሜሽን v0.4
  • Design Knowledge Graph: Semantic ontology with 25+ relation types, 35+ math functions, and type hierarchy v0.4
  • Rust/WASM Runtime: Optional WebAssembly acceleration for widget computation — 10-100x faster relation processing, no GC pauses. Falls back to JS when WASM isn't available v0.5
  • pp:PinePaper Ontology: 55-token semantic vocabulary (items, relations, animations, masks, generators) — the language of PinePaper animations. Embedded in every exported widget v0.5
  • Sentry: የስህተት ክትትል

የላኪ ቅርጸቶች

  • WebM Video: VP9 codec - best quality for animations
  • MP4 Video: H.264 via WebCodecs API - ideal for social media
  • GIF Animation: Via gif.js Web Workers - perfect for messaging
  • PDF for Print: 300 DPI with bleed (3-5mm) and trim marks - professional printing
  • High-DPI PNG: Up to 600 DPI for commercial print quality
  • Animated SVG: Native SVG animations with SMIL
  • Interactive Widget: Self-contained HTML with scene-specific tree-shaken code (~8-20KB). WASM-accelerated when available. Embed anywhere — no CDN, no API, no dependencies v0.5
  • Lottie JSON: Industry-standard animation format. Auto-bakes procedural animations into native keyframes for any Lottie player v0.4

የአኒሜሽን ዓይነቶች

Pulse Rotate Bounce Fade Wobble Swing Shake Jelly ታይፕራይተር Custom Paths Keyframe Animation ✨ Trim Paths Spatial Motion Paths Path Morphing 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.

PinePaper MCP Server

Use PinePaper with Claude Desktop and other AI assistants via the @pinepaper.studio/mcp-server npm package. Create animated graphics using natural language:

MCPን ከኦፊሴላዊው የክላውድ ችሎታ ጋር ያጣምሩ

ክላውድ ለPinePaper መቼ መድረስ እንዳለበት እና እንዴት በትክክል መንዳት እንዳለበት ክላውድ ያስተምራል። አንዴ ጫን እና ግልጽ በሆነ እንግሊዝኛ ጠይቅ - "ይህን አርማ አኒሜት አድርግ"፣ "የቀጥታ የቀጥታ ባጅ ይስሩ" እና ክላውድ በPinePaper በኩል HTML/CSS ከማመንጨት ይልቅ።

Skill docs →

ፈጣን ማዋቀር

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. በክላውድ ዴስክቶፕ ውስጥ ይሞክሩት፡-

"ሄሎ የሚል ቀይ የሚታተም ጽሑፍ ፍጠር" "ምድርን በፀሐይ ዙሪያ እንድትዞር አድርግ"

Available Tools

  • • ጽሑፍ, ቅርጾች, ግራፊክስ ይፍጠሩ
  • • ግንኙነቶችን ያክሉ (25+ ዓይነቶች፡ ምህዋሮች፣ ተከታታዮች፣ ማወዛወዝ፣ ወዘተ.)
  • • የቁልፍ ፍሬም እና ቅድመ ዝግጅት እነማዎች
  • • Character rigging (skeletons, bones, IK/FK)
  • • Blending presets & transitions
  • • Diagrams, maps, font creation
  • • Generate procedural backgrounds (14 generators)
  • • Vertex deformation (13 presets: fold, twist, wave, etc.)
  • • Export SVG, training data

የሚደገፉ 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 ወኪሎች ስለ ውስብስብ አኒሜሽኖች እና የመዋቅር ግንኙነቶች እንዲያስቡ ያስችላቸዋል።

Attributed Research

The Design Knowledge Graph architecture draws on ideas from these peer-reviewed papers:

ለገንቢዎች እና AI ወኪሎች

PinePaper exposes a comprehensive global API (window.PinePaper) that enables programmatic control of the entire application. AI assistants and developers can:

  • ጽሑፍን፣ ቅርጾችን እና ከውጭ የመጡ SVG አባሎችን ይፍጠሩ እና ያቀናብሩ
  • እነማዎችን (9 ቅድመ-ቅምጦች) እና ተፅእኖዎችን (ብልጭታ፣ ፍንዳታ) ተግብር
  • በጊዜ መስመር ቁጥጥር በቁልፍ ፍሬም ላይ የተመሰረቱ እነማዎችን ይፍጠሩ
  • በAPI በኩል ወደ MP4፣ GIF፣ SVG ወይም PNG ይላኩ
  • ገላጭ ግንኙነቶችን ተጠቀም (ምህዋሮች፣ ተከታታዮች፣ ተያያዥ_ጋር)
  • ሪግ ገጸ-ባህሪያት ከአጥንት አኒሜሽን ጋር እና የቁልፍ ፍሬሞችን ያስቀምጡ v0.4
  • ከአካባቢያዊ የጊዜ ሰሌዳዎች ጋር የጎጆ ጥንቅሮችን (ፕሪኮምፖች) ይፍጠሩ 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-ተፈጥሯዊ የእንቅስቃሴ ግራፊክስ መድረክ እየገነባን ነው።

ግባችን የእንቅስቃሴ ግራፊክስ እንደ ጽሑፍ መጻፍ ቀላል ማድረግ ነው።

ቀጣይ ምንድን ነው?

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.3-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
Vendored browser ESM build + ONNX runtime WebAssembly. Powers PinePaper's on-device object detection (the "Detect objects" / open-vocabulary "Find" features) — inference runs on your GPU (WebGPU) or CPU; the image never leaves your device.
DETR ResNet-50 Apache-2.0
Meta AI's DETR object-detection model (80 COCO classes). Runs in the browser via transformers.js (fp16 on WebGPU, q8 on CPU) behind the "Detect objects" button — finds objects in an image so you can label, relate, or composite onto them.
OWL-ViT (base-patch32) Apache-2.0
Google Research's open-vocabulary detector — finds anything you describe in text, not just fixed classes. Powers the "Find" feature's AI fallback (zero-shot detection inside a photo). Large model (~150 MB), so it's strictly opt-in and downloads once on first use; runs fully on-device.
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.