Publish – Export & Sharing
Das Publish-Modul ermöglicht den Export deiner Artworks in verschiedene Formate und das Teilen mit der Welt.
Export-Formate
| Format | Verwendung |
|---|---|
| SVG | Pen-Plotter, Print |
| PNG/JPEG | Social Media, Web |
| Video | Animationen, Loops |
| GIF | Kurze Animationen |
| Web Bundle | Standalone Website |
SVG Export
Für Pen-Plotter und hochauflösenden Print:
import { SVGExporter } from '@carstennichte/cc-toolbox';
const exporter = new SVGExporter({
width: 297, // mm (A4)
height: 210,
unit: 'mm',
precision: 3
});
exporter.export(artwork, 'output.svg');Plotter-Optimierung
exporter.optimize({
sortPaths: true, // Minimiert Fahrwege
mergePaths: true, // Verbindet zusammenhängende Pfade
removeDuplicates: true // Entfernt doppelte Linien
});Video Export
Für Animationen:
import { VideoExporter } from '@carstennichte/cc-toolbox';
const exporter = new VideoExporter({
fps: 60,
duration: 10, // Sekunden
codec: 'h264',
quality: 'high'
});
await exporter.export(artwork, 'output.mp4');Optionen
| Option | Werte |
|---|---|
fps |
24, 30, 60 |
codec |
h264, webm, prores |
quality |
low, medium, high, lossless |
Snapshots
Speichere den aktuellen Zustand:
// Im Artwork
artwork.saveSnapshot('morning-light');
// Später laden
artwork.loadSnapshot('morning-light');Snapshot-Verwaltung
item-001/Snapshots/
├── morning-light.json # Parameter
├── morning-light.png # Preview
├── evening-mood.json
└── evening-mood.pngWeb Bundle
Exportiere ein Artwork als standalone Website:
npm run export:web -- item-001 --output ./web-bundle/Ergebnis:
web-bundle/
├── index.html
├── artwork.js
├── artwork.css
└── assets/Hosting-Optionen
| Dienst | Befehl |
|---|---|
| Netlify | netlify deploy |
| Vercel | vercel |
| GitHub Pages | Push zu gh-pages Branch |
Social Media
Optimale Formate
| Plattform | Format | Größe |
|---|---|---|
| 1:1 | 1080×1080 | |
| Instagram Stories | 9:16 | 1080×1920 |
| Twitter/X | 16:9 | 1200×675 |
| Threads | 4:5 | 1080×1350 |
Batch-Export
npm run export:social -- item-001 --platforms instagram,twitterSharing
Via Collab Server
- Publish zu Collab Server
- Teile den Link:
https://quiet-frames.de/gallery/entities
QR-Code
npm run generate:qr -- item-001Generiert QR-Code der zum Artwork führt.
NFT Vorbereitung
Für NFT-Minting:
npm run export:nft -- item-001Erstellt:
- Artwork-Datei (MP4/PNG)
- Metadata JSON
- Hash/Signatur
Print-on-Demand
Export für Druckdienste:
npm run export:print -- item-001 --dpi 300 --format tiffPapierformate
| Format | mm | px @300dpi |
|---|---|---|
| A4 | 210×297 | 2480×3508 |
| A3 | 297×420 | 3508×4961 |
| A2 | 420×594 | 4961×7016 |