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.png

Web 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
Instagram 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,twitter

Sharing

Via Collab Server

  1. Publish zu Collab Server
  2. Teile den Link: https://quiet-frames.de/gallery/entities

QR-Code

npm run generate:qr -- item-001

Generiert QR-Code der zum Artwork führt.

NFT Vorbereitung

Für NFT-Minting:

npm run export:nft -- item-001

Erstellt:

  • Artwork-Datei (MP4/PNG)
  • Metadata JSON
  • Hash/Signatur

Print-on-Demand

Export für Druckdienste:

npm run export:print -- item-001 --dpi 300 --format tiff

Papierformate

Format mm px @300dpi
A4 210×297 2480×3508
A3 297×420 3508×4961
A2 420×594 4961×7016