Um PinePaper Studio
Byggjum framtíð hreyfigrafíkur: vafratengt, AI-innfætt, og aðgengilegt öllum.
Ætlun okkar
PinePaper Studio er lýðfræðar hreyfigrafíkhönnun. Við trúum því að öflug skapandi verkfæri ættu ekki að þurfa dýr hugbúnaðarleyfi, öflugar tölvur eða áraþjálfun. Með því að sameina nútíma veftækni við AI-first hönnun, erum við að gera hreyfimyndatexta og grafík aðgengileg höfundum um allan heim.
Hvað gerir okkur öðruvísi
AI-Native Design
Byggt frá grunni til að virka óaðfinnanlega með AI-aðstoðarmönnum. Alhliða API okkar leyfir AI-umboðsmönnum að búa til, hreyfimynda og flytja út grafík í gegnum náttúrulegar tungumálaskipanir.
MP4 og GIF útflutningur
Flyttu út sem MP4 myndband (H.264 í gegnum WebCodecs) fyrir Instagram, TikTok og LinkedIn. Búðu til GIF fyrir Twitter, Discord og skilaboðaforrit. Ásamt hreyfimynda SVG og PNG.
Tímalína og lykilrammar
Faglegur tímalínuritstjóri með lykilrammamiðuðum hreyfimyndum. Búðu til samstilltar raðir með nákvæmri tímastjórnun, 5 hægbremsunaaðgerðum og litabrúun.
Alþjóðlegt að sjálfgefnu
Stuðningur við 52 tungumál og öll skriftarkerfi þar á meðal kínversku, arabísku, hindí, bengölsku og tákn. Búðu til efni fyrir hvaða áhorfendur sem er, hvar sem er í heiminum.
Frjálsræði í vafra
Engin uppsetning þörf. Virkar á hvaða tæki sem er með nútíma vafra. Sköpun þín er unnin staðbundið, tryggir persónuvernd og samstundis árangur án netþjónaferða.
Sniðmátasafn
Byrjaðu sköpunina þína með forhannaðar sniðmát. Fallegar bakgrunnsmyndir, hreyfimyndatexti og fagleg útlit tilbúin til aðlögunar. Vistaðu eigin verk sem endurnýtanleg sniðmát.
Tvöfalt viðmót
Leiðandi viðmót fyrir mannlega hönnuði og öflugt API fyrir AI-umboðsmenn og þróunaraðila. Tvö viðmót, eitt markmið: að efla sköpunarkraft.
Prenttilbúin hönnun
Búðu til faglegt prentmál með A3, A4, A5, Letter, Legal og Tabloid forstillingum við 300 DPI. Flyttu út í PDF með sniðþoli og sniðmerkjum, eða háupplausn PNG (allt að 600 DPI) fyrir viðskiptaprentun.
Persónugrind
Beinagrindarhreyfimynd með beinum, FK-útbreiðslu og FABRIK IK-leysir. Vistaðu og brúaðu stellingar, notaðu forstilltar grindir (mannleg, fjórfætla, könguló) og keyrðu hreyfimynd í gegnum tímalínulykilramma.
Blöndun og samsetning
Blöndunarháttur fyrir hvern hlut og hóp með 7 forstillingum (draugur, neon, skuggi, geisli, röntgen, draumkennd, vintage). Hreyfimyndaskilti, gagnvirkir sveiflu/smellaháttar og nálægnismiðaðar blöndunarviðbrögð.
Klippislóðir og grímuklæðning
Hreyfimyndaðu strikateikningu með klippislóðum fyrir "línudrátt" áhrif. Háþróuð grímuklæðning með klippa/draga/skerpa háttur, grímustafla, hreyfimyndaðar afhjúpanir (14 forstillingar) og hornpunktshreyfimynd.
Aðferðartengsl
Nýjar tengslagerðir: driven_by (eiginleikatengsl), wiggle (aðferðarhávaði) og time_expression (stærðfræðitjáningar með t). Ásamt hreiðruðum samsetningum (precomps) með sjálfstæðum staðbundnum tímalínum.
Infinite Canvas
Draw anywhere without boundaries. Unbounded canvas mode removes all size restrictions — pan and zoom freely across an infinite workspace.
Drawing Tools
6 professional drawing tools: pen, ink brush, marker, spray can, eraser, and fill bucket. Each with custom cursors and optimized stroke algorithms.
Perspective Rendering
Project primitives (cube, sphere, cylinder, torus, cone) onto the canvas with 5 projection types. GPU-accelerated rendering (WebGPU/WebGL2), orbital camera, and selectable & draggable perspective objects.
GPU Image Filters
Real-time image processing powered by WebGPU compute shaders with WebGL2 fallback. HSL adjustment, brightness, contrast, posterize, edge detection, color tint, vignette, blur, and filter chaining in a single GPU pass.
Image Segmentation
Freehand lasso tool to select and extract image regions at full native resolution. 8 cutout style presets (papercut, postcard, sticker, poster, mono, sketch, warm, cool) combine GPU filters with shadow effects.
Math & Science Engine
Numerical computing powered by math.js — ODE solvers (RK4/RK45), FFT spectrum analysis, function plotting, parametric curves, dynamic system simulation, and parametric surfaces in perspective. Real math, animated on canvas.
Samræmi og traust
WCAG 2.1 AA
Aðgengistré fyrir skjálesara striga leiðsögn. Lyklaborðsleiðsögn, lifandi svæðistilkynningar, sleppa tenglum.
Öryggishausar
HSTS með forhleðslu, CSP, X-Frame-Options, Permissions-Policy. Enginn aðgangur að myndavél, hljóðnema, staðsetningu eða greiðslu.
Persónuvernd í hönnun
100% vinnsla á biðlarahlið. Engar netþjónaupphleðslur, engin smákökur, engin gagnasöfnun.
Tækni og geta
Kjarnatækni
- ▹ Paper.js: Vektoragrafík meðhöndlun og birting
- ▹ HTML5 Canvas: Rauntíma hreyfimynd og útflutningur
- ▹ Vanilla JavaScript: Léttvægt, hratt, engar ásjár
- ▹ Tímalínavélar: Lykilrammabrúun með hægbremsunaaðgerðum
- ▹ Grindarvélar: Beinagrindarhreyfimynd með FK/IK leysrum og stellingabrúun v0.4
- ▹ Design Knowledge Graph: Merkingarleg líkanasetning með 25+ tengslagerðum, 35+ stærðfræðiaðgerðum og tegundarstigveldi 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: Villurak og afkastamælingar
Útflutningssnið
- ▹ WebM myndband: VP9 merkjamál - besta gæði fyrir hreyfimyndir
- ▹ MP4 myndband: H.264 í gegnum WebCodecs API - tilvalið fyrir samfélagsmiðla
- ▹ GIF hreyfimynd: Í gegnum gif.js Web Workers - fullkomið fyrir skilaboðaforrit
- ▹ PDF til prentunar: 300 DPI með sniðþoli (3-5mm) og sniðmerkjum - faglega prentun
- ▹ Háupplausn PNG: Allt að 600 DPI fyrir viðskiptalegan prentgæða
- ▹ Hreyfimynd SVG: Innfætt SVG-hreyfimynd með 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
Hreyfimyndagerðir
Áhrifakerfi
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 with the official Claude Skill
The Skill teaches Claude when to reach for PinePaper and how to drive it correctly. Install once and ask in plain English — "animate this logo", "make a pulsing LIVE badge" — and Claude routes through PinePaper instead of generating HTML/CSS.
Flýtiuppsetning
1. Setja upp á heimsvísu:
npm install -g @pinepaper.studio/mcp-server
2. Bæta við Claude Desktop stillingum:
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. Prófaðu í Claude Desktop:
Tiltæk verkfæri
- • Búðu til texta, form, grafík
- • Bættu við tengslum (25+ tegundir: orbits, follows, wiggle, o.fl.)
- • Lykilramma og forstillt hreyfimyndir
- • Persónugrind (beinagrind, bein, IK/FK)
- • Blöndunarsniðmát og skipti
- • Skýringarmyndir, kort, leturgerð
- • Búðu til aðferðarbakgrunna (14 framleiðendur)
- • Vertex deformation (13 presets: fold, twist, wave, etc.)
- • Flyttu út SVG, þjálfunargögn
Stuðlar AI-pallar
- • Claude Desktop
- • Hvaða MCP-samhæfður biðlari sem er
- • Sérsniðnar samþættingar í gegnum API
Design Knowledge Graph
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.
Þessi nýstárlega nálgun gerir AI-umboðsmönnum kleift að rökfæra um flóknar hreyfimyndir og skipulagstengsl, sem leyfir framleiðslu á háþróuðum hreyfigrafíkum sem viðhalda merkingarfræðilegri samkvæmni.
Eignaðar rannsóknir
Arkitektúr Design Knowledge Graph er byggð á hugmyndum úr þessum ritrýndum greinum:
-
📄
Design Method Knowledge Graph Driven by Multi-Source Heterogeneous Data Applied Sciences, 2025 Sýnir hvernig þekkingargröf geta fangað tengsl hönnunaraðferða frá misleitum gögnum — grunnur merkingarfræðilega tengslakerfisin okkar.
-
📄
Using Large Language Models to Tackle Fundamental Challenges in Graph Learning arXiv, 2025 Yfirlitsgrein um LLM-nálganir á vandamál grafnáms — upplýsir hvernig MCP-verkfæri okkar birta grafuppbyggingu fyrir AI-umboðsmenn.
-
📄
LLM-Empowered Knowledge Graph Construction: A Survey arXiv, 2025 Ítarleg yfirlitsgrein um LLM-knúða þekkingargrafsmíði — aðferðafræðin á bak við sjálfvirka hönnunargrafaútdrátt okkar.
Fyrir þróunaraðila og AI-umboðsmenn
PinePaper exposes a comprehensive global API (window.PinePaper)
that enables programmatic control of the entire application. AI assistants and developers can:
- • Búðu til og meðhöndlaðu texta, form og innflutta SVG-einingar
- • Notaðu hreyfimyndir (9 forvaldar) og áhrif (glampi, sprengja)
- • Búðu til lykilrammamiðaðar hreyfimyndir með tímalínustjórnun
- • Flyttu út sem MP4, GIF, SVG eða PNG í gegnum API
- • Notaðu yfirlýsingartengsl (orbits, follows, attached_to)
- • Settu grind á persónur með beinagrindarhreyfimyndum og stellingalykilrömmum v0.4
- • Búðu til hreiðraðar samsetningar (precomps) með staðbundnum tímalínum v0.4
- • Byggðu sjálfvirk vinnuflæði og lotuvinnslukerfi
Dæmi um API-notkun:
// 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 });
Framtíðarsýn okkar
Við erum að byggja fyrsta raunverulega AI-innfædda hreyfigrafíkvettvangin. Þar sem önnur verkfæri bolta AI sem eftirátilvita, var PinePaper hannað frá fyrsta degi til að vera stjórnað af bæði mönnum og vélum.
Markmið okkar er að gera hreyfigrafík jafn auðvelda og að skrifa texta. Hvort sem þú ert hönnuður sem býr til efni handvirkt, eða AI-aðstoðarmaður sem hjálpar notanda í gegnum náttúrulegt tungumál, PinePaper veitir verkfærin til að búa til fagleg hreyfimyndagrafík á sekúndum.
✨ Hvað kemur næst?
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.
Samfélag og opin þróun
PinePaper Studio er þróað á gagnsæjan hátt með samfélaginu okkar. Við fögnum endurgjöf, eiginleikabeiðnum og villutilkynningum. Þróun okkar er leidd af raunverulegum notendaþörfum og vaxandi landslagi AI-studdrar sköpunar.
Ókeypis og opið
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.
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.