Σχετικά με το PinePaper Studio

Χτίζοντας το μέλλον των motion graphics: βασισμένα σε πρόγραμμα περιήγησης, εγγενή AI, και προσβάσιμα σε όλους.

Η Αποστολή μας

Το PinePaper Studio εκδημοκρατίζει τη σχεδίαση motion graphics. Πιστεύουμε ότι τα ισχυρά δημιουργικά εργαλεία δεν πρέπει να απαιτούν ακριβές άδειες λογισμικού, ισχυρούς υπολογιστές ή χρόνια εκπαίδευσης. Συνδυάζοντας σύγχρονες τεχνολογίες ιστού με σχεδίαση AI-first, κάνουμε το κινούμενο κείμενο και τα γραφικά προσβάσιμα σε δημιουργούς παγκοσμίως.

Τι μας Κάνει Διαφορετικούς

🤖

Σχεδίαση Εγγενής AI

Κατασκευασμένο από την αρχή για να λειτουργεί αρμονικά με βοηθούς AI. Το ολοκληρωμένο API μας επιτρέπει στους AI agents να δημιουργούν, να κινούν και να εξάγουν γραφικά μέσω εντολών φυσικής γλώσσας.

🎬

Εξαγωγή MP4 & GIF

Εξαγωγή σε βίντεο MP4 (H.264 μέσω WebCodecs) για Instagram, TikTok και LinkedIn. Δημιουργία GIF για Twitter, Discord και εφαρμογές ανταλλαγής μηνυμάτων. Επίσης κινούμενα SVG και PNG.

⏱️

Χρονοδιάγραμμα & Keyframes

Επαγγελματικός επεξεργαστής χρονοδιαγράμματος με κινούμενα σχέδια βασισμένα σε keyframes. Δημιουργήστε χορογραφημένες ακολουθίες με ακριβή έλεγχο χρονισμού, 5 συναρτήσεις εξομάλυνσης και παρεμβολή χρώματος.

🌍

Παγκόσμιο από Προεπιλογή

Υποστήριξη για 52 γλώσσες και όλα τα συστήματα γραφής, συμπεριλαμβανομένων των Κινεζικών, Αραβικών, Χίντι, Μπενγκάλι και emoji. Δημιουργήστε περιεχόμενο για οποιοδήποτε κοινό, οπουδήποτε στον κόσμο.

🚀

Ελευθερία Βασισμένη σε Πρόγραμμα Περιήγησης

Δεν απαιτείται εγκατάσταση. Λειτουργεί σε οποιαδήποτε συσκευή με σύγχρονο πρόγραμμα περιήγησης. Οι δημιουργίες σας επεξεργάζονται τοπικά, εξασφαλίζοντας απόρρητο και άμεσα αποτελέσματα χωρίς μετακινήσεις στον διακομιστή.

📋

Βιβλιοθήκη Προτύπων

Ξεκινήστε γρήγορα τη δημιουργικότητά σας με προσχεδιασμένα πρότυπα. Όμορφα φόντα, κινούμενο κείμενο και επαγγελματικές διατάξεις έτοιμες για προσαρμογή. Αποθηκεύστε τις δικές σας δημιουργίες ως επαναχρησιμοποιήσιμα πρότυπα.

🎨

Διπλή Διεπαφή

Διαισθητικό UI για ανθρώπους σχεδιαστές και ένα ισχυρό API για AI agents και προγραμματιστές. Δύο διεπαφές, μία αποστολή: ενδυνάμωση της δημιουργικότητας.

🖨️

Σχεδίαση Έτοιμη για Εκτύπωση

Δημιουργήστε επαγγελματικά υλικά εκτύπωσης με προεπιλογές A3, A4, A5, Letter, Legal και Tabloid στα 300 DPI. Εξαγωγή σε PDF με αποφυγή και σημάδια κοπής, ή PNG υψηλών DPI (έως 600 DPI) για εμπορική εκτύπωση.

v0.4
🦴

Σκελετός Χαρακτήρα

Σκελετική κίνηση με οστά, προώθηση FK και λύτη FABRIK IK. Αποθήκευση και παρεμβολή θέσεων, χρήση προκαθορισμένων σκελετών (ανθρωποειδές, τετράποδο, αράχνη) και κίνηση μέσω keyframes χρονοδιαγράμματος.

v0.4
🎭

Ανάμειξη & Σύνθεση

Λειτουργίες ανάμειξης ανά στοιχείο και ανά ομάδα με 7 προεπιλογές (ghost, neon, shadow, glow, xray, dreamy, vintage). Κινούμενες μεταβάσεις, διαδραστικές λειτουργίες hover/click και αντιδράσεις ανάμειξης βάσει εγγύτητας.

v0.4
✂️

Περικοπή Διαδρομών & Μάσκες

Κινούμενη σχεδίαση περιγράμματος με περικοπή διαδρομών για εφέ "σχεδίασης γραμμής". Προχωρημένη μάσκα με λειτουργίες clip/subtract/intersect, στοίβαξη μασκών, κινούμενες αποκαλύψεις (14 προεπιλογές) και κίνηση κορυφών.

v0.4
🔗

Διαδικαστικές Σχέσεις

Νέοι τύποι σχέσεων: driven_by (σύνδεση ιδιοτήτων), wiggle (διαδικαστικός θόρυβος) και time_expression (μαθηματικές εκφράσεις με t). Επίσης ένθετες συνθέσεις (precomps) με ανεξάρτητα τοπικά χρονοδιαγράμματα.

v0.4
🌐

Άπειρη Κάνβας

Τράβα οπουδήποτε χωρίς όρια. Η λειτουργία του αδρανή καμβά αφαιρεί όλους τους περιορισμούς μεγέθους — το τηγάνι και τη μεγέθυνση ελεύθερα σε έναν άπειρο χώρο εργασίας.

v0.4
🖌️

Εργαλεία σχεδίασης

6 επαγγελματικά εργαλεία σχεδίασης: στυλό, πινέλο μελάνι, μαρκαδόρος, σπρέι, γόμα, και γεμίστε κουβά. Καθένα με προσαρμοσμένους κέρσορες και βελτιστοποιημένους αλγόριθμους εγκεφαλικού.

v0.4
🧊

Αποτύπωση προοπτικής

Έργο πρωτόγονα (κύβος, σφαίρα, κύλινδρος, torus, κώνος) πάνω στον καμβά με 5 τύπους προβολής. GPU-επιταχυνόμενη απόδοση (WebGPU/WebGL2), τροχιακή φωτογραφική μηχανή, και επιλεγόμενα & συρόμενα αντικείμενα προοπτικής.

v0.5
🎛

Φίλτρα εικόνων GPU

Επεξεργασία εικόνας σε πραγματικό χρόνο που τροφοδοτείται από WebGPU computate shaders με WebGL2 fallback. Ρυθμιστική HSL, φωτεινότητα, αντίθεση, αφίσα, ανίχνευση άκρων, χρωματική απόχρωση, βινιέτα, θολούρα και αλυσίδα φίλτρου σε ένα μόνο πέρασμα GPU.

v0.5

Διαχωρισμός εικόνας

Freehand lasso εργαλείο για να επιλέξετε και να εξαγάγετε περιοχές εικόνας σε πλήρη εγγενή ανάλυση. 8 προεπιλογές στυλ cutout (χαρτί, καρτ ποστάλ, αυτοκόλλητο, αφίσα, μονό, σκίτσο, ζεστό, δροσερό) συνδυάζουν τα φίλτρα GPU με εφέ σκιάς.

v0.5
📐

Μηχανή μαθηματικών & επιστημών

Αριθμητική υπολογιστική που τροφοδοτείται από Μαθηματικά.js — λύτες ODE (RK4/RK45), ανάλυση φάσματος FFT, σχεδίαση λειτουργίας, παραμετρικές καμπύλες, δυναμική προσομοίωση συστήματος, και παραμετρικές επιφάνειες σε προοπτική. Αληθινά μαθηματικά, κινούμενα σε καμβά.

Συμμόρφωση & Εμπιστοσύνη

Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.1

WCAG 2.1 ΑΑ

Προσβασιμότητα σκιά δέντρο για την πλοήγηση οθόνη αναγνώστη καμβά. Πληκτρολόγιο πλοήγησης, ζωντανές ανακοινώσεις περιοχής, παραλείψτε συνδέσεις, contrast ώντιτινγκ, και ελέγχους ευαισθησίας κίνησης. Χρησιμοποιεί pp:PinePaper οντολογία για τις σημασιολογικές περιγραφές στοιχείων.

🔒

Κεφαλίδες ασφαλείας

HSTS με preload, CSP, X-Frame-Options, Permissions-Policy. Χωρίς πρόσβαση σε κάμερα, μικρόφωνο, τοποθεσία ή πληρωμή.

👁

Προστασία δεδομένων μέσω σχεδιασμού

100% επεξεργασία στην πλευρά του πελάτη. Χωρίς αποστολές στον διακομιστή, χωρίς cookies, χωρίς συλλογή δεδομένων.

Τεχνολογία & Δυνατότητες

Βασική Τεχνολογία

  • Paper.js: Χειρισμός και απόδοση διανυσματικών γραφικών
  • Κάβα HTML5: Κινούμενη εικόνα σε πραγματικό χρόνο και εξαγωγή
  • Βανίλια JavaScript: Ελαφρύ, γρήγορο, χωρίς εξαρτήσεις
  • Μηχανή χρονολογίου: Παρεμβολή keyframe με συναρτήσεις εξομάλυνσης
  • Μηχανή Rigging: Σκελετική κίνηση με λύτες FK/IK και παρεμβολή θέσεων v0.4
  • Γράφημα γνώσεων σχεδίασης: Σημασιολογική οντολογία με 25+ τύπους σχέσεων, 35+ μαθηματικές συναρτήσεις και ιεραρχία τύπων v0.4
  • Χρόνος λειτουργίας Rust/WASM: Προαιρετική επιτάχυνση WebAssembly — 10-100x ταχύτερη επεξεργασία σχέσεων, χωρίς παύσεις GC. Εναλλακτικά JS. v0.5
  • Οντολογία pp:PinePaper: Σημασιολογικό λεξιλόγιο 55 tokens (στοιχεία, σχέσεις, κινούμενα σχέδια, μάσκες, γεννήτριες) — η γλώσσα των κινούμενων σχεδίων PinePaper. v0.5
  • - Όχι Παρακολούθηση σφαλμάτων και επιδόσεων

Μορφές Εξαγωγής

  • Βίντεο WebM: Κωδικοποιητής VP9 - καλύτερη ποιότητα για κινούμενα σχέδια
  • Βίντεο MP4: H.264 μέσω WebCodecs API - ιδανικό για κοινωνικά μέσα
  • Κίνηση GIF: Μέσω gif.js Web Workers - τέλειο για ανταλλαγή μηνυμάτων
  • PDF για εκτύπωση: 300 DPI με αποφυγή (3-5mm) και σημάδια κοπής - επαγγελματική εκτύπωση
  • PNG υψηλής ανάλυσης: Έως 600 DPI για ποιότητα εμπορικής εκτύπωσης
  • Κινούμενο SVG: Εγγενή κινούμενα σχέδια SVG με SMIL
  • Διαδραστικό widget: Αυτόνομο HTML με κώδικα σκηνής (~8-20KB). Επιτάχυνση WASM. Ενσωματώσιμο παντού. v0.5
  • Lottie JSON: Τυπική μορφή κινούμενων σχεδίων. Μετατρέπει αυτόματα τα διαδικαστικά κινούμενα σχέδια σε εγγενή keyframes. v0.4

Τύποι Κινούμενων Σχεδίων

Παλμός Περιστροφή Αναπήδηση Σβήσιμο Ταλάντευση Κούνημα Τίναγμα Ζελέ Γραφομηχανή Προσαρμοσμένες Διαδρομές Κινούμενη Εικόνα Keyframe ✨ Περικοπή Διαδρομών Χωρικές Διαδρομές Κίνησης Μεταμόρφωση Διαδρομής 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

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

Ζευγάρι MCP με την επίσημη Claude Skill

Η δεξιότητα διδάσκει στον Claude πότε να φτάσει για PinePaper και πώς να το οδηγήσει σωστά. Εγκαταστήστε μια φορά και ask σε απλά αγγλικά — "ανοίξτε αυτό το λογότυπο", "κάντε ένα pulsing LIVE σήμα" — και Claude διαδρομές μέσω 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. Δοκιμάστε το στο Claude Desktop:

"Δημιούργησε ένα κόκκινο κείμενο που παλμικά λέει HELLO" "Κάνε τη γη να περιστρέφεται γύρω από τον ήλιο"

Διαθέσιμα Εργαλεία

  • • Δημιουργία κειμένου, σχημάτων, γραφικών
  • • Προσθήκη σχέσεων (25+ τύποι: orbits, follows, wiggle, κ.λπ.)
  • • Κινούμενα σχέδια keyframe & προεπιλογές
  • • Σκελετοποίηση χαρακτήρων (σκελετοί, οστά, IK/FK)
  • • Προεπιλογές ανάμειξης & μεταβάσεις
  • • Διαγράμματα, χάρτες, δημιουργία γραμματοσειρών
  • • Δημιουργία διαδικαστικών φόντων (14 γεννήτριες)
  • • Vertex deformation (13 presets: fold, twist, wave, etc.)
  • • Εξαγωγή SVG, δεδομένα εκπαίδευσης

Υποστηριζόμενες Πλατφόρμες AI

  • • Claude 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.

Αυτή η πρωτότυπη προσέγγιση επιτρέπει στους AI agents να συλλογίζονται για σύνθετα κινούμενα σχέδια και δομικές σχέσεις, επιτρέποντας τη δημιουργία εξελιγμένων motion graphics που διατηρούν σημασιολογική συνοχή.

Αποδιδόμενη Έρευνα

Η αρχιτεκτονική του Γράφου Σχεδιαστικής Γνώσης βασίζεται σε ιδέες από αυτά τα αξιολογημένα ακαδημαϊκά άρθρα:

Για Προγραμματιστές & AI Agents

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

  • Δημιουργία και χειρισμός κειμένου, σχημάτων και εισαγόμενων στοιχείων SVG
  • Εφαρμογή κινούμενων σχεδίων (9 προεπιλογές) και εφέ (λαμπύρισμα, έκρηξη)
  • Δημιουργία κινούμενων σχεδίων βάσει keyframe με έλεγχο χρονοδιαγράμματος
  • Εξαγωγή σε MP4, GIF, SVG ή PNG μέσω API
  • Χρήση δηλωτικών σχέσεων (orbits, follows, attached_to)
  • Σκελετοποίηση χαρακτήρων με κινούμενη σκελετική εικόνα και keyframes θέσεων 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 πλατφόρμα motion graphics. Ενώ άλλα εργαλεία προσθέτουν AI ως μεταγενέστερη σκέψη, το PinePaper σχεδιάστηκε από την πρώτη μέρα για να ελέγχεται τόσο από ανθρώπους όσο και από μηχανές.

Στόχος μας είναι να κάνουμε τα motion graphics τόσο εύκολα όσο η γραφή κειμένου. Είτε είστε σχεδιαστής που δημιουργεί περιεχόμενο χειροκίνητα, είτε βοηθός 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.