Σχετικά με το 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) για εμπορική εκτύπωση.
Σκελετός Χαρακτήρα
Σκελετική κίνηση με οστά, προώθηση FK και λύτη FABRIK IK. Αποθήκευση και παρεμβολή θέσεων, χρήση προκαθορισμένων σκελετών (ανθρωποειδές, τετράποδο, αράχνη) και κίνηση μέσω keyframes χρονοδιαγράμματος.
Ανάμειξη & Σύνθεση
Λειτουργίες ανάμειξης ανά στοιχείο και ανά ομάδα με 7 προεπιλογές (ghost, neon, shadow, glow, xray, dreamy, vintage). Κινούμενες μεταβάσεις, διαδραστικές λειτουργίες hover/click και αντιδράσεις ανάμειξης βάσει εγγύτητας.
Περικοπή Διαδρομών & Μάσκες
Κινούμενη σχεδίαση περιγράμματος με περικοπή διαδρομών για εφέ "σχεδίασης γραμμής". Προχωρημένη μάσκα με λειτουργίες clip/subtract/intersect, στοίβαξη μασκών, κινούμενες αποκαλύψεις (14 προεπιλογές) και κίνηση κορυφών.
Διαδικαστικές Σχέσεις
Νέοι τύποι σχέσεων: driven_by (σύνδεση ιδιοτήτων), wiggle (διαδικαστικός θόρυβος) και time_expression (μαθηματικές εκφράσεις με t). Επίσης ένθετες συνθέσεις (precomps) με ανεξάρτητα τοπικά χρονοδιαγράμματα.
Άπειρη Κάνβας
Τράβα οπουδήποτε χωρίς όρια. Η λειτουργία του αδρανή καμβά αφαιρεί όλους τους περιορισμούς μεγέθους — το τηγάνι και τη μεγέθυνση ελεύθερα σε έναν άπειρο χώρο εργασίας.
Εργαλεία σχεδίασης
6 επαγγελματικά εργαλεία σχεδίασης: στυλό, πινέλο μελάνι, μαρκαδόρος, σπρέι, γόμα, και γεμίστε κουβά. Καθένα με προσαρμοσμένους κέρσορες και βελτιστοποιημένους αλγόριθμους εγκεφαλικού.
Αποτύπωση προοπτικής
Έργο πρωτόγονα (κύβος, σφαίρα, κύλινδρος, torus, κώνος) πάνω στον καμβά με 5 τύπους προβολής. GPU-επιταχυνόμενη απόδοση (WebGPU/WebGL2), τροχιακή φωτογραφική μηχανή, και επιλεγόμενα & συρόμενα αντικείμενα προοπτικής.
Φίλτρα εικόνων GPU
Επεξεργασία εικόνας σε πραγματικό χρόνο που τροφοδοτείται από WebGPU computate shaders με WebGL2 fallback. Ρυθμιστική HSL, φωτεινότητα, αντίθεση, αφίσα, ανίχνευση άκρων, χρωματική απόχρωση, βινιέτα, θολούρα και αλυσίδα φίλτρου σε ένα μόνο πέρασμα GPU.
Διαχωρισμός εικόνας
Freehand lasso εργαλείο για να επιλέξετε και να εξαγάγετε περιοχές εικόνας σε πλήρη εγγενή ανάλυση. 8 προεπιλογές στυλ cutout (χαρτί, καρτ ποστάλ, αυτοκόλλητο, αφίσα, μονό, σκίτσο, ζεστό, δροσερό) συνδυάζουν τα φίλτρα GPU με εφέ σκιάς.
Μηχανή μαθηματικών & επιστημών
Αριθμητική υπολογιστική που τροφοδοτείται από Μαθηματικά.js — λύτες ODE (RK4/RK45), ανάλυση φάσματος FFT, σχεδίαση λειτουργίας, παραμετρικές καμπύλες, δυναμική προσομοίωση συστήματος, και παραμετρικές επιφάνειες σε προοπτική. Αληθινά μαθηματικά, κινούμενα σε καμβά.
Συμμόρφωση & Εμπιστοσύνη
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
Τύποι Κινούμενων Σχεδίων
Σύστημα Εφέ
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.
Γρήγορη Ρύθμιση
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:
Διαθέσιμα Εργαλεία
- • Δημιουργία κειμένου, σχημάτων, γραφικών
- • Προσθήκη σχέσεων (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 που διατηρούν σημασιολογική συνοχή.
Αποδιδόμενη Έρευνα
Η αρχιτεκτονική του Γράφου Σχεδιαστικής Γνώσης βασίζεται σε ιδέες από αυτά τα αξιολογημένα ακαδημαϊκά άρθρα:
-
📄
Μέθοδος σχεδίασης Γράφημα γνώσης που οδηγείται από τα στοιχεία πολλαπλών πηγών Εφαρμοσμένες Επιστήμες, 2025 Δείχνει πώς οι γράφοι γνώσης μπορούν να αποτυπώσουν σχέσεις μεθόδων σχεδίασης από ετερογενείς πηγές — η βάση για το σημασιολογικό σύστημα σχέσεών μας.
-
📄
Χρησιμοποιώντας Μεγάλα Γλωσσικά Μοντέλα για να Taskle Θεμελιώδεις Προκλήσεις στη γραφική μάθηση αρξίβ, 2025 Επισκόπηση προσεγγίσεων LLM σε προβλήματα μάθησης γράφων — ενημερώνει πώς τα εργαλεία MCP μας εκθέτουν δομή γράφων στους AI agents.
-
📄
Γράφημα γνώσης LLM Κατασκευή: Μια έρευνα αρξίβ, 2025 Ολοκληρωμένη επισκόπηση κατασκευής Γράφων Γνώσης με LLM — η μεθοδολογία πίσω από την αυτοματοποιημένη εξαγωγή σχεδιαστικών γράφων.
Για Προγραμματιστές & 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.
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.