Tudáskör
Kutatás, oktatás, útmutatók és API dokumentumok - mind egy helyen
Articles
6 postsA design asszisztens, hogy fut az eszköz - nincs számla, nincs kiszolgáló
PinePaper on-device AI asszisztense igazi jelenetté alakít egy prompt-ot egy nyelvi modell segítségével, amely teljesen a böngésződben fut. Itt az architektúra - korlátozott szerszámhívások, két szolgáltató, és egy őszinte beszámoló arról, hogy egy apró modell mire képes és mire nem.
Olvassa el →Hogyan egy inga megtanítja a differenciálegyenletek
Nem kell matekdiploma ahhoz, hogy megértsd az ODE megoldásait. Kell egy inga, egy képernyő és 20 perc. Így működik Euler, RK4 és adaptív módszerek az igazi kóddal.
Olvassa el →Mi az FFT valójában megmutatja neked
Minden hang, amit hallasz, szinuszhullámok összessége. A Fast Fourier Transform lebontja ezt az összeget. Ez azt jelenti, hogyan működik, és miért van még mindig egy 60 éves algoritmus mindenhol.
Olvassa el →Hogyan animált GIF ténylegesen működik - A Canvas keret az LZW tömörítés
A GIF formátum 39 éves, és még mindig mindenhol. Itt van, mi történik a kattintás 'Export' és kap egy fájlt - keret rögzítés, színes számszerűsítés, LZW tömörítés, és miért a GIF 4MB.
Olvassa el →Hogyan építettünk Browser- Native MP4 Export - Nincs kiszolgáló szükséges
PinePaper export MP4 videó teljes egészében a böngészőben WebCodec. Így működik a H.264-es csővezeték - vászonkeretektől egy lejátszható videófájlig, anélkül, hogy bármit feltöltene.
Olvassa el →User Guide
43 pagesGIF Export
Export your animations as GIF files for universal compatibility. GIFs are ideal when: - Posting to Twitter/X (auto-plays in feed) - Sharing on Discord or…
Export Overview
Export your creations in multiple formats for different platforms. 1. Click Export in the header, or 2. Press Ctrl/⌘ + E Best for: Instagram Reels, TikTok,…
Print Export (PDF & PNG)
Create professional print-ready designs with high-resolution exports perfect for commercial printing. PinePaper Studio supports creating static print…
Animated SVG Export
Export PinePaper animations as SMIL-animated SVG files for web embedding and scalable graphics. Supports pulse, rotate, bounce, fade, wobble, and keyframe animations with infinite resolution and tiny file sizes.
MP4 Video Export
Export your animations as MP4 video files for maximum compatibility with social media platforms. MP4 export uses the WebCodecs API and requires: - Chrome…
3D Projection
Render 3D primitives on the PinePaper canvas with multiple projection types, GPU acceleration, and interactive drag-and-drop.
On-Device AI Assistant (Experimental)
PinePaper's AI / Code console has an Assistant that runs a language model entirely in your browser — no account, and nothing you type is sent to a server.…
Use PinePaper from Claude — The Skill
Want Claude (or another agent that supports Skills) to build PinePaper graphics for you by chat? Install the official PinePaper Skill once and ask in plain…
API Reference
87 pagesGPU-Accelerated 3D Projection
The 3D library includes optional GPU acceleration for vertex projection, with automatic fallback to CPU when GPU is unavailable or the scene is too simple.
3D Projection System
PinePaper includes a standalone 3D projection library for rendering 3D primitives on the 2D canvas. The library is zero-dependency (~18KB minified), outputs…
3D Projections
The 3D library supports five projection types for converting 3D scenes to 2D representations, plus an orbital camera system. Change the active projection…
Export Support Matrix
PinePaper exports a scene to many formats. They fall into two families with very different coverage: Rule of thumb: if you need maximum fidelity, export…
PinePaper Lottie Compatibility Guide
> Reference for what survives a Bodymovin (After Effects) ↔ PinePaper round-trip, > and what doesn't. Last verified against v0.5.0-beta. PinePaper's Lottie…
PinePaper SVG Compatibility Guide
> Reference for what survives an SVG ↔ PinePaper round-trip. Last verified > against v0.5.0-beta. PinePaper imports SVG via Paper.js (project.importSVG) and…
Animation
PinePaper supports both simple loop animations and complex keyframe-based animations. Apply a predefined animation to an item. Parameters: - item: Item to…
Arrow System
PinePaper's Arrow System creates configurable arrows with animated effects. Convenience wrapper for creating arrows via the PinePaper API. Parameters: -…