🎨 Mal-Ecke

Digitales Malbuch für iPad + Apple Pencil. Läuft komplett im Browser, keine eigene Server-Infrastruktur nötig — Bildumwandlung und Hintergrund-Freistellung laufen client-seitig per ONNX/WebAssembly.

Live-Demo: wird nach dem ersten Netlify-Deploy hier verlinkt.

Funktionen

• Freihand-Malen mit Apple Pencil (Druckstärke beeinflusst Strichbreite)
• Stufenloser Pinselgrößen-Regler
• Ovale Mischpaletten-Optik mit 12 Farben, links positioniert
• Undo (letzten Schritt zurücknehmen) und Radiergummi
• Schutzmaske: Farbe kann kräftige schwarze Linien nicht überdecken
• Eigene Fotos hochladen → automatische Umwandlung in eine Malvorlage:
  1. Hintergrund freistellen (@imgly/background-removal, optional abschaltbar)
  2. Kantenerkennung / Skizzen-Look (informative-drawings, ONNX)
  3. Kontrastkurve verstärkt die Linien zu kräftigem Schwarz

Projektstatus

Funktionierender Prototyp, im Headless-Browser getestet (Malen, Farbwechsel, Radiergummi, Undo, Foto-Upload inkl. Freistellung — alles Ende-zu-Ende verifiziert). Details und Testergebnisse siehe docs/webapp-konzept-ausmalen-ipad.md.

Noch offen:

• Echter Test auf einem iPad mit Apple Pencil (Pointer-Events/Druckgefühl/ Palm-Rejection lassen sich nur auf echtem Gerät verlässlich prüfen)
• Offline-Speicherung (IndexedDB) + Service Worker + PWA-Manifest, damit die App auch ohne Netz startet und Fortschritt zwischen Sitzungen erhält
• Echtes Farbmischen auf der Palette (aktuell nur Farbauswahl)

Lokal öffnen

Keine Installation nötig — einfach index.html im Browser öffnen (idealerweise Safari auf dem iPad, wegen Apple-Pencil-Test). Für Foto-Upload und Hintergrund-Freistellung wird beim ersten Mal Internet gebraucht (Modelle werden von CDNs geladen: Hugging Face, jsDelivr).

Deployment (Netlify)

Statische Seite, kein Build-Schritt nötig:

• Build command: (leer lassen)
• Publish directory: .

netlify.toml ist bereits entsprechend konfiguriert.

Verwendete Drittanbieter-Ressourcen

Zweck	Bibliothek/Modell	Lizenz	Größe (einmaliger Download)
ONNX-Laufzeit im Browser	onnxruntime-web	MIT	~8 MB
Foto → Skizze	informative-drawings (ONNX-Port von josephrocca)	MIT	~17 MB
Hintergrund freistellen	@imgly/background-removal	AGPL (für private Nutzung unkritisch, bei Weitergabe/Betrieb als Dienst prüfen)	~40 MB (quantisiertes Modell)
Schriften	Fredoka, Nunito Sans via Google Fonts	OFL	—

Alle Modelle werden vom Browser gecacht — nur beim allerersten Aufruf nötig.

Lizenz

Eigener Code: MIT (siehe LICENSE). Für die eingebundenen Drittanbieter-Ressourcen gelten deren jeweilige Lizenzen, siehe Tabelle oben.