درباره PinePaper Studio

ساختن آینده موشن گرافیک: مبتنی بر مرورگر، بومی هوش مصنوعی و در دسترس همه.

ماموریت ما

PinePaper Studio طراحی گرافیک حرکت را دموکراتیک می کند. ما معتقدیم که ابزارهای خلاق قدرتمند نباید به مجوزهای نرم افزاری گران قیمت، رایانه های قدرتمند یا سال های آموزش نیاز داشته باشند. با ترکیب فن آوری های مدرن وب با طراحی AI، ما در حال ساخت متن انیمیشن و گرافیک قابل دسترس برای سازندگان در سراسر جهان هستیم.

چه چیزی ما را متفاوت می‌کند

🤖

طراحی بومی هوش مصنوعی

از ابتدا برای کار یکپارچه با دستیاران هوش مصنوعی ساخته شده است. API جامع ما به عاملان هوش مصنوعی اجازه می‌دهد از طریق دستورات زبان طبیعی گرافیک ایجاد، متحرک و صادر کنند.

🎬

خروجی MP4 و GIF

صادرات به ویدیو MP4 (H.264 از طریق WebCodecs) برای Instagram، TikTok و LinkedIn. ایجاد GIF برای Twitter، Discord و برنامه‌های پیام‌رسانی. به علاوه SVG متحرک و PNG.

⏱️

خط زمانی و فریم‌های کلیدی

ویرایشگر حرفه‌ای خط زمانی با انیمیشن‌های مبتنی بر فریم کلیدی. ایجاد توالی‌های کوریوگرافی شده با کنترل دقیق زمان‌بندی، ۵ تابع تسهیل و درون‌یابی رنگ.

🌍

جهانی به طور پیش‌فرض

پشتیبانی از ۵۲ زبان و همه سیستم‌های نوشتاری از جمله چینی، عربی، هندی، بنگالی و ایموجی. محتوا را برای هر مخاطبی، در هر جای جهان ایجاد کنید.

🚀

آزادی مبتنی بر مرورگر

نیاز به نصب ندارد. روی هر دستگاهی با مرورگر مدرن کار می‌کند. ساخته‌های شما به صورت محلی پردازش می‌شوند و حریم خصوصی و نتایج فوری بدون رفت و برگشت سرور را تضمین می‌کنند.

📋

کتابخانه قالب

خلاقیت خود را با قالب‌های از پیش طراحی شده شروع کنید. پس‌زمینه‌های زیبا، متن متحرک و چیدمان‌های حرفه‌ای آماده سفارشی‌سازی. ساخته‌های خود را به عنوان قالب‌های قابل استفاده مجدد ذخیره کنید.

🎨

رابط دوگانه

رابط کاربری شهودی برای طراحان انسانی و API قدرتمند برای عاملان هوش مصنوعی و توسعه‌دهندگان. دو رابط، یک ماموریت: توانمندسازی خلاقیت.

🖨️

طراحی آماده چاپ

ایجاد مواد چاپی حرفه‌ای با پیش‌فرض‌های A3، A4، A5، Letter، Legal و Tabloid در ۳۰۰ DPI. صادرات به PDF با حاشیه خونریزی و علامت‌های برش، یا PNG با DPI بالا (تا ۶۰۰ DPI) برای چاپ تجاری.

v0.4
🦴

ریگ شخصیت

انیمیشن اسکلتی با استخوان‌ها، انتشار FK و حل‌کننده IK FABRIK. ذخیره و درون‌یابی حالات، استفاده از ریگ‌های پیش‌فرض (انسانی، چهارپا، عنکبوت) و هدایت انیمیشن از طریق فریم‌های کلیدی خط زمانی.

v0.4
🎭

ترکیب و کامپوزیت

حالات ترکیب هر آیتم و هر گروه با ۷ پیش‌فرض (شبح، نئون، سایه، درخشش، ایکس‌ری، رویایی، قدیمی). انتقال‌های متحرک، حالات تعاملی هاور/کلیک و واکنش‌های ترکیب مبتنی بر مجاورت.

v0.4
✂️

برش مسیر و ماسک‌گذاری

متحرک‌سازی رسم خط با برش مسیر برای جلوه‌های «رسم خط». ماسک‌گذاری پیشرفته با حالت‌های برش/تفریق/تقاطع، انباشت ماسک، آشکارسازی‌های متحرک (۱۴ پیش‌فرض) و انیمیشن راس.

v0.4
🔗

روابط رویه‌ای

انواع رابطه جدید: driven_by (پیوند ویژگی)، wiggle (نویز رویه‌ای) و time_expression (عبارات ریاضی با t). به علاوه ترکیب‌های تودرتو (precomps) با خطوط زمانی محلی مستقل.

v0.4
🌐

Infinite Canvas

هر جا بدون مرز رسم کنید. حالت بوم نامحدود تمام محدودیت های اندازه را حذف می کند - پان و آزادانه در سراسر یک فضای کاری نامحدود زوم می کند.

v0.4
🖌️

طراحی ابزار

6 ابزار نقاشی حرفه ای: قلم، برس جوهر، نشانگر، اسپری می تواند، پاک کننده و پر کردن سطل. هر کدام با نشانگرهای سفارشی و الگوریتم های حرکتی بهینه شده.

v0.4
🧊

ارائه چشم انداز

پروژه ابتدایی (cube، کره، سیلندر، توروس، مخروط) بر روی بوم با 5 نوع پیش بینی. تحویل گرافیکی (WebGPU /WebGL2)، دوربین مداری و اشیاء چشم انداز قابل انتخاب و کشیدن.

v0.5
🎛

فیلترهای تصویر GPU

پردازش تصویر در زمان واقعی توسط WebGPU محاسبه سایه با WebGL2 سقوط. تنظیم HSL، روشنایی، کنتراست، پوستر، تشخیص لبه، رنگ قلع، vignette، تار و زنجیر سازی فیلتر در یک واحد GPU پاس.

v0.5

بخش تصویر

ابزار Freehand lasso برای انتخاب و استخراج مناطق تصویر در وضوح کامل بومی. پیش نویس های سبک برش (مقاله، کارت پستال، برچسب، پوستر، تک، طرح، گرم، سرد) فیلترهای GPU را با اثرات سایه ترکیب می کنند.

v0.5
📐

ریاضیات و علوم موتور

محاسبات عددی که توسط ریاضی.js – ODE Solvers (RK4/RK45)، تجزیه و تحلیل طیف FFT، طراحی تابع، منحنی های پارامتریک، شبیه سازی سیستم پویا و سطوح پارامتریک در چشم انداز. ریاضیات واقعی، انیمیشن بر روی بوم.

انطباق و اعتماد

Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.1

WCAG 2.1 AA

دسترسی به درخت سایه برای ناوبری پرده خواننده ناوبری صفحه کلید، اعلان های منطقه زنده، پیوندهای پرش، حسابرسی کنتراست و بررسی حساسیت حرکت. استفاده از pp:PinePaper Ontology برای توصیفات معنایی.

🔒

سرآیندهای امنیتی

HSTS با پیش‌بارگذاری، CSP، X-Frame-Options، Permissions-Policy. بدون دسترسی به دوربین، میکروفون، موقعیت مکانی یا پرداخت.

👁

حریم خصوصی در طراحی

پردازش 100% سمت کلاینت. بدون بارگذاری سرور، بدون کوکی، بدون جمع‌آوری داده.

فناوری و قابلیت‌ها

فناوری هسته

  • Paper.js: دستکاری و رندر گرافیک برداری
  • HTML5: Canvas انیمیشن بلادرنگ و صادرات
  • Vanilla JavaScript: سبک، سریع، بدون وابستگی
  • موتور تایم‌لاین: درون‌یابی فریم کلیدی با توابع تسهیل
  • موتور Rigging: انیمیشن اسکلتی با حل‌کننده‌های FK/IK و درون‌یابی حالت v0.4
  • گراف دانش طراحی: هستان‌شناسی معنایی با بیش از ۲۵ نوع رابطه، بیش از ۳۵ تابع ریاضی و سلسله مراتب نوع v0.4
  • Rust/WASM Runtime: شتاب وب سایت اختیاری برای محاسبات ویجت - 10-100x سریع تر پردازش رابطه، بدون وقفه GC. بازگشت به JS هنگامی که WASM در دسترس نیست v0.5
  • pp:PinePaper Ontology: واژگان معنایی 55-token (items، روابط، انیمیشن، ماسک، ژنراتور) - زبان انیمیشن های PinePaper. جاسازی شده در هر ویجت صادر شده v0.5
  • Sentry : ردیابی خطا و نظارت بر عملکرد

فرمت‌های خروجی

  • ویدیوی WebM: کدک VP9 - بهترین کیفیت برای انیمیشن‌ها
  • ویدیوی MP4: H.264 از طریق WebCodecs API - ایده‌آل برای شبکه‌های اجتماعی
  • انیمیشن GIF: از طریق gif.js Web Workers - عالی برای پیام‌رسانی
  • PDF برای چاپ: ۳۰۰ DPI با حاشیه خونریزی (۳-۵ میلی‌متر) و علامت‌های برش - چاپ حرفه‌ای
  • PNG با DPI بالا: تا ۶۰۰ DPI برای کیفیت چاپ تجاری
  • SVG متحرک: انیمیشن‌های SVG بومی با SMIL
  • ویجت تعاملی: HTML خود را با کد ثابت درخت (~ 8-20KB) مشخص شده است. WASM-accelerated در دسترس است. در هر نقطه - هیچ CDN، بدون API، بدون وابستگی v0.5
  • Lottie JSON: قالب انیمیشن استاندارد صنعت Auto-bakes انیمیشن های رویه ای را به چارچوب های کلیدی بومی برای هر بازیکن Lottie هدایت می کند 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.

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:

Pair MCP با مهارت رسمی کلود

مهارت به کلود می آموزد که چه زمانی به PinePaper برسد و چگونه آن را به درستی هدایت کند. یک بار نصب کنید و به زبان انگلیسی ساده درخواست کنید – “این لوگو را حفظ کنید”، “یک نشان زنده را ایجاد کنید” – و مسیرهای کلود از طریق PinePaper به جای تولید HTML/CSS.

Skill docs →

راه‌اندازی سریع

۱. نصب جهانی:

npm install -g @pinepaper.studio/mcp-server

۲. افزودن به تنظیمات Claude Desktop:

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
ویندوز: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "pinepaper": {
      "command": "npx",
      "args": ["-y", "@pinepaper.studio/mcp-server"]
    }
  }
}

۳. امتحان در Claude Desktop:

"یک متن قرمز پالس‌دار بساز که بگوید سلام" "زمین را به دور خورشید بچرخان"

ابزارهای موجود

  • • ایجاد متن، اشکال، گرافیک
  • • افزودن روابط (بیش از ۲۵ نوع: مدار، دنبال، تکان و غیره)
  • • انیمیشن‌های فریم کلیدی و پیش‌فرض
  • • ریگ شخصیت (اسکلت‌ها، استخوان‌ها، IK/FK)
  • • پیش‌فرض‌ها و انتقال‌های ترکیب
  • • نمودارها، نقشه‌ها، ایجاد فونت
  • • تولید پس‌زمینه‌های رویه‌ای (۱۴ تولیدکننده)
  • • Vertex deformation (13 presets: fold, twist, wave, etc.)
  • • صادرات SVG، داده آموزشی

پلتفرم‌های هوش مصنوعی پشتیبانی شده

  • • کلود Desktop
  • • هر کلاینت سازگار با 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.

این رویکرد نوآورانه به عاملان هوش مصنوعی امکان استدلال درباره انیمیشن‌های پیچیده و روابط ساختاری را می‌دهد و تولید موشن گرافیک‌های پیچیده با حفظ سازگاری معنایی را ممکن می‌سازد.

تحقیقات منسوب

معماری گراف دانش طراحی از ایده‌های این مقالات بازبینی شده توسط همتایان الهام گرفته است:

برای توسعه‌دهندگان و عاملان هوش مصنوعی

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

  • ایجاد و دستکاری متن، اشکال و عناصر SVG وارد شده
  • اعمال انیمیشن‌ها (۹ پیش‌فرض) و جلوه‌ها (درخشش، انفجار)
  • ایجاد انیمیشن‌های مبتنی بر فریم کلیدی با کنترل خط زمانی
  • صادرات به MP4، GIF، SVG یا PNG از طریق API
  • استفاده از روابط اعلانی (مدار، دنبال، متصل_به)
  • ریگ شخصیت‌ها با انیمیشن اسکلتی و فریم‌های کلیدی حالت 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 });

چشم‌انداز ما

ما در حال ساخت اولین پلتفرم موشن گرافیک واقعاً بومی هوش مصنوعی هستیم. در حالی که ابزارهای دیگر هوش مصنوعی را به عنوان یک اضافه اضافه می‌کنند، 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 به طور شفاف با جامعه ما توسعه یافته است. ما از بازخورد، درخواست های ویژگی و گزارش های باگ استقبال می کنیم. توسعه ما توسط نیازهای کاربر واقعی و چشم انداز در حال تکامل از 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.