درباره 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) برای چاپ تجاری.
ریگ شخصیت
انیمیشن اسکلتی با استخوانها، انتشار FK و حلکننده IK FABRIK. ذخیره و درونیابی حالات، استفاده از ریگهای پیشفرض (انسانی، چهارپا، عنکبوت) و هدایت انیمیشن از طریق فریمهای کلیدی خط زمانی.
ترکیب و کامپوزیت
حالات ترکیب هر آیتم و هر گروه با ۷ پیشفرض (شبح، نئون، سایه، درخشش، ایکسری، رویایی، قدیمی). انتقالهای متحرک، حالات تعاملی هاور/کلیک و واکنشهای ترکیب مبتنی بر مجاورت.
برش مسیر و ماسکگذاری
متحرکسازی رسم خط با برش مسیر برای جلوههای «رسم خط». ماسکگذاری پیشرفته با حالتهای برش/تفریق/تقاطع، انباشت ماسک، آشکارسازیهای متحرک (۱۴ پیشفرض) و انیمیشن راس.
روابط رویهای
انواع رابطه جدید: driven_by (پیوند ویژگی)، wiggle (نویز رویهای) و time_expression (عبارات ریاضی با t). به علاوه ترکیبهای تودرتو (precomps) با خطوط زمانی محلی مستقل.
Infinite Canvas
هر جا بدون مرز رسم کنید. حالت بوم نامحدود تمام محدودیت های اندازه را حذف می کند - پان و آزادانه در سراسر یک فضای کاری نامحدود زوم می کند.
طراحی ابزار
6 ابزار نقاشی حرفه ای: قلم، برس جوهر، نشانگر، اسپری می تواند، پاک کننده و پر کردن سطل. هر کدام با نشانگرهای سفارشی و الگوریتم های حرکتی بهینه شده.
ارائه چشم انداز
پروژه ابتدایی (cube، کره، سیلندر، توروس، مخروط) بر روی بوم با 5 نوع پیش بینی. تحویل گرافیکی (WebGPU /WebGL2)، دوربین مداری و اشیاء چشم انداز قابل انتخاب و کشیدن.
فیلترهای تصویر GPU
پردازش تصویر در زمان واقعی توسط WebGPU محاسبه سایه با WebGL2 سقوط. تنظیم HSL، روشنایی، کنتراست، پوستر، تشخیص لبه، رنگ قلع، vignette، تار و زنجیر سازی فیلتر در یک واحد GPU پاس.
بخش تصویر
ابزار Freehand lasso برای انتخاب و استخراج مناطق تصویر در وضوح کامل بومی. پیش نویس های سبک برش (مقاله، کارت پستال، برچسب، پوستر، تک، طرح، گرم، سرد) فیلترهای GPU را با اثرات سایه ترکیب می کنند.
ریاضیات و علوم موتور
محاسبات عددی که توسط ریاضی.js – ODE Solvers (RK4/RK45)، تجزیه و تحلیل طیف FFT، طراحی تابع، منحنی های پارامتریک، شبیه سازی سیستم پویا و سطوح پارامتریک در چشم انداز. ریاضیات واقعی، انیمیشن بر روی بوم.
انطباق و اعتماد
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
انواع انیمیشن
سیستم جلوه
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.
راهاندازی سریع
۱. نصب جهانی:
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.
این رویکرد نوآورانه به عاملان هوش مصنوعی امکان استدلال درباره انیمیشنهای پیچیده و روابط ساختاری را میدهد و تولید موشن گرافیکهای پیچیده با حفظ سازگاری معنایی را ممکن میسازد.
تحقیقات منسوب
معماری گراف دانش طراحی از ایدههای این مقالات بازبینی شده توسط همتایان الهام گرفته است:
-
📄
طراحی متد Knowledge Graph Driven توسط Multi-Source Heterogenious Data Applied Sciences، ۲۰۲۵ نشان میدهد چگونه گرافهای دانش میتوانند روابط روش طراحی را از منابع ناهمگن استخراج کنند — پایه سیستم رابطه معنایی ما.
-
📄
استفاده از مدل های زبان بزرگ به چالش های بنیادی Tackle در یادگیری گراف arXiv، ۲۰۲۵ بررسی رویکردهای LLM به مسائل یادگیری گراف — اطلاعرسانی در مورد نحوه نمایش ساختار گراف توسط ابزارهای MCP ما به عاملان هوش مصنوعی.
-
📄
LLM-EmPower Knowledge Graph Building: A Survey arXiv، ۲۰۲۵ بررسی جامع ساخت گراف دانش مبتنی بر LLM — روششناسی پشت استخراج خودکار گراف طراحی ما.
برای توسعهدهندگان و عاملان هوش مصنوعی
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.
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.