Diamond Painting Manager

📱 Wie funktioniert die App?

Datenspeicherung: Alle deine Projekte und Fotos werden direkt im Browser deines Geräts gespeichert (IndexedDB). Das bedeutet:

• ✅ Funktioniert offline – keine Internetverbindung nötig
• ✅ Deine Daten bleiben privat auf deinem Gerät
• ⚠️ Daten sind NICHT automatisch auf anderen Geräten verfügbar
• ⚠️ Browser-Cache löschen = Daten sind WEG!

🖥️ PC Painting – Diamant-Bild am PC vorsetzen

Mit dem PC Painting Tab kannst du dein Diamond Painting digital am Computer oder Smartphone vorsetzen – Stein für Stein, Farbe für Farbe. So siehst du schon vor dem echten Malen wie das fertige Bild aussehen wird!

📸 Schritt 1: Bild laden & generieren

• 1️⃣ Gehe zum Tab 🖥️ PC Painting
• 2️⃣ Lade ein Foto hoch – entweder aus deiner Galerie oder per Kamera
• 3️⃣ Wähle die Leinwandgröße passend zu deinem echten Diamond Painting
• 4️⃣ Falls dein Bild Querformat ist, klicke auf 🔄 Leinwand drehen
• 5️⃣ Stelle Anzahl Farben, Kontrast und Helligkeit nach Wunsch ein
• 6️⃣ Tippe auf ✨ Generieren – die App berechnet automatisch die DMC-Farben

🎨 Schritt 2: Farbe für Farbe setzen

• In der Farbpalette unten siehst du alle Farben mit DMC-Nummer und Steinanzahl
• Klicke auf eine Farbe → nur diese Farbe leuchtet hell auf, alle anderen werden abgedunkelt
• So arbeitest du genau wie beim echten Diamond Painting – eine Farbe nach der anderen
• Klicke auf einzelne Felder im Bild um Steine zu setzen
• Gesetzte Steine erscheinen als leuchtende Diamanten ✨

🛠️ Werkzeuge

• ✏️ Malen – Steine setzen durch Klicken oder Ziehen
• 🧹 Radieren – Gesetzte Steine einzeln entfernen
• 🪣 Füllen – Gesamten zusammenhängenden Bereich einer Farbe auf einmal füllen
• 🔍 + / – – Zoom rein und raus für präzises Arbeiten
• 🗑️ Alles löschen – Setzt alle Steine zurück auf den Ausgangszustand
• 🖼️ Neues Bild – Lädt ein neues Foto ohne die App neu zu starten

💾 Fortschritt speichern & fortsetzen

• Klicke auf 💾 In App speichern um dein Projekt in der Galerie zu speichern
• Gib einen Projektnamen ein und wähle den Status (Geplant / In Arbeit / Fertig)
• Der komplette Fortschritt wird gespeichert – alle gesetzten Steine bleiben erhalten!
• In der Galerie findest du dein Projekt mit dem Button 🖥️ Im PC Painting öffnen
• Beim Öffnen wird der Zustand exakt wiederhergestellt – du machst genau da weiter wo du aufgehört hast

🖨️ Drucken & Exportieren

• Klicke auf 🖨️ Drucken um einen Malplan auszudrucken
• Der Plan zeigt alle Felder mit Farbe und Symbol – ideal als Vorlage beim echten Malen
• Mit PNG Export speicherst du das aktuelle Bild als Foto

💡 Tipps für beste Ergebnisse:

• 🎯 Wähle die gleiche Leinwandgröße wie dein echtes Diamond Painting
• 🔄 Querformat-Foto? Immer Leinwand drehen nicht vergessen!
• 🎨 Wenige Farben (15–30) → schneller fertig, einfacher zu legen
• 🌟 Viele Farben (60–120) → realistischeres Ergebnis, mehr Detail
• 📱 Regelmäßig speichern damit kein Fortschritt verloren geht
• 🖥️ Auf dem Desktop-PC lässt sich besonders komfortabel arbeiten dank größerem Bildschirm

📱 Smartphone-Funktionen

Die App funktioniert sowohl auf 🤖 Android als auch auf 🍎 iPhone (iOS) – direkt im Browser, keine Installation nötig.

⚠️ Auf dem iPhone muss die App über Safari geöffnet werden – Chrome und Firefox auf iOS unterstützen keine PWA-Installation.

📷 Fotos direkt in der App aufnehmen:

• Beim Anlegen oder Bearbeiten eines Projekts kannst du auf den 📷 Kamera-Button tippen
• Die Kamera deines Handys öffnet sich direkt in der App – kein Wechsel zur Kamera-App nötig
• Tippe auf 📸 Aufnehmen um das Foto zu machen
• Das Foto wird sofort dem Projekt zugewiesen

📷 Kamera auch im Pixel-Tool:

• Im Pixel-Tool kannst du ebenfalls direkt mit der Kamera ein Foto aufnehmen
• Das aufgenommene Bild wird sofort als Vorlage für den Diamant-Malplan verwendet
• 💡 Tipp: Lege das Motiv flach hin und fotografiere senkrecht von oben für das beste Ergebnis

📲 App auf dem Homescreen installieren:

• Die App kann wie eine echte App auf deinem Homescreen installiert werden
• Android (Chrome): Menü → „Zum Startbildschirm hinzufügen"
• iPhone (Safari): Teilen-Symbol → „Zum Home-Bildschirm"
• Danach startet die App ohne Browser-Leiste – wie eine richtige App

💎 Projekte erstellen & verwalten

Neues Projekt anlegen:

• 1️⃣ Im Dashboard auf "Neues Projekt" klicken
• 2️⃣ Projektname und DMC-Farbcodes eingeben
• 3️⃣ Status wählen: Geplant, In Arbeit oder Fertig
• 4️⃣ Optional: Foto hochladen

Mehrere Fotos pro Projekt:

• 📸 Jeder Status kann sein eigenes Foto haben
• 🔵 "Geplant" → Foto vom neuen Projekt
• 🟠 "In Arbeit" → Foto vom Fortschritt
• 🟢 "Fertig" → Foto vom fertigen Projekt
• 🖼️ Alle Fotos werden in der Galerie angezeigt

💾 Backup erstellen (WICHTIG!)

Warum ist ein Backup wichtig?

• ⚠️ Daten werden im Browser gespeichert
• ⚠️ Browser-Cache löschen → alle Projekte WEG
• ⚠️ Neues Handy → Daten nicht automatisch übertragen
• ✅ Mit Backup kannst du alles wiederherstellen

So erstellst du ein Backup:

• 1️⃣ Gehe zu "Einstellungen"
• 2️⃣ Klicke auf "💾 Backup jetzt erstellen"
• 3️⃣ Datei wird in "Downloads" gespeichert
• 4️⃣ Schicke dir die Datei per E-Mail/WhatsApp/Cloud

Wo wird das Backup gespeichert?

• 📱 Android: Im "Downloads" Ordner deines Handys
• 🍎 iPhone: In der "Dateien" App unter "Downloads"
• 🖥️ PC/Mac: Im Standard-Download-Ordner deines Browsers
• 📄 Dateiname: diamond-backup-2025-02-17.json (Datum ändert sich)

So findest du die Datei:

• 📂 Öffne deine "Dateien" oder "Downloads" App
• 🔍 Suche nach "diamond-backup"
• ✅ Die Backup-Datei ist dort!

Backup wiederherstellen:

• 1️⃣ "Einstellungen" → "📂 Backup laden"
• 2️⃣ Backup-Datei auswählen (egal wo sie liegt)
• 3️⃣ Alle Projekte + Fotos sind zurück! ✅

🔄 Daten zwischen Smartphone & PC

So überträgst du Projekte:

• 1️⃣ Am Smartphone: Backup erstellen
• 2️⃣ Datei per E-Mail/WhatsApp an dich selbst senden
• 3️⃣ Am PC: Backup laden
• ✅ Alle Projekte + Fotos sind auf beiden Geräten

🔍 Fotos vergrößern

Klicke auf ein Foto im Projekt-Detail um es groß anzusehen. Mit ESC oder X schließen.

📱 Projekt auf Facebook teilen

So teilst du deine Projekte:

• 1️⃣ Öffne ein Projekt im Detail-Modus (Klick auf die Projektkarte)
• 2️⃣ Klicke auf den "📱 Teilen" Button unten
• 3️⃣ Ein schönes Share-Bild wird automatisch erstellt mit:
  • 📸 Deinem Projekt-Foto
  • 💎 Projektname und Status
  • 🎨 Steinart und DMC-Farben
• 4️⃣ Das Bild wird automatisch in die Zwischenablage kopiert
• 5️⃣ Facebook öffnet sich automatisch
• 6️⃣ Klicke ins Post-Feld bei Facebook ("Was machst du gerade?")
• 7️⃣ Drücke STRG+V (Windows) oder CMD+V (Mac) zum Einfügen
• 8️⃣ Text hinzufügen und posten! 🎉

⚡ Super einfach: Das Bild ist bereits kopiert - einfach mit STRG+V einfügen!

💡 Tipp: Das Share-Bild ist perfekt formatiert für Facebook (1200×630 Pixel) und enthält alle wichtigen Infos zu deinem Projekt!

🖼️ Pixel-Tool – Bild in Diamant-Muster umwandeln

Das Pixel-Tool wandelt ein beliebiges Foto automatisch in einen Diamant-Malplan um – mit DMC-Farben, Symbolen und Legende.

So verwendest du das Pixel-Tool:

• 1️⃣ Gehe zum Tab 🎨 Pixel-Tool
• 2️⃣ Lade ein Bild hoch – aus der 🖼️ Galerie oder direkt mit der 📷 Kamera (siehe Smartphone-Funktionen)
• 3️⃣ Stelle die gewünschte Anzahl Farben ein (Schieberegler – 2 bis 240)
• 4️⃣ Tippe auf „Generieren" – die App berechnet automatisch die besten DMC-Farben
• 5️⃣ Der fertige Malplan erscheint als Raster mit Diamant-Steinen

🔢 Symbole auf den Steinen:

• Jede Farbe bekommt automatisch ein eindeutiges Symbol (●, ■, A, B, 1, 2 …)
• Die Symbole erscheinen auf den Steinen sobald diese groß genug dargestellt werden (ab 10 px)
• Helle Farben → schwarzes Symbol, dunkle Farben → weißes Symbol
• So kannst du den Plan auch schwarz-weiß ausdrucken und trotzdem eindeutig arbeiten

📋 Legende:

• Unterhalb des Plans erscheint eine Legende mit Symbol, Farbkreis, DMC-Nummer und Steinanzahl
• So siehst du auf einen Blick wie viele Steine du von jeder Farbe brauchst

🔍 Zoom & Navigation:

• Mit den + / – Buttons kannst du den Plan vergrößern oder verkleinern
• Bei größerer Darstellung werden die Symbole auf den Steinen sichtbar
• Der Plan lässt sich scrollen um auch große Muster zu erkunden

🖨️ Malplan drucken:

• Tippe nach dem Generieren auf den 🖨️ Drucken-Button
• Die App erstellt automatisch druckfertige A4-Seiten
• Große Muster werden automatisch auf mehrere Seiten aufgeteilt – jede Seite bekommt eine Bezeichnung (A1, A2, B1, B2 …)
• Jede Seite hat Koordinaten-Leisten (Spalten- und Zeilennummern) damit du immer weißt wo du bist
• Alle 5 Steine gibt es eine dickere Hilfslinie zum leichteren Abzählen
• Die letzte Seite ist immer die Farbplan-Legende mit allen Farben, DMC-Nummern und Steinanzahlen
• Bei mehreren Seiten zeigt eine Seitenübersicht-Karte wie die Blätter zusammengehören
• 💡 Tipp: Im Druckdialog unbedingt „Farbe" aktivieren damit die Farbkreise stimmen

💡 Tipps für beste Ergebnisse:

• 🌟 Bilder mit starkem Kontrast liefern die besten Muster
• 🎨 Weniger Farben (z.B. 10–30) → einfacheres Muster zum Legen
• 🖼️ Mehr Farben (z.B. 60–120) → detailreicheres, realistischeres Ergebnis
• 📐 Quadratische oder hochformatige Fotos funktionieren am besten
• ☀️ Helle, gut belichtete Fotos ergeben klarere DMC-Zuordnungen

💡 Tipps & Tricks

• 📅 Erstelle jede Woche ein Backup
• ☁️ Speichere Backups in der Cloud (Google Drive, iCloud)
• 📧 Schicke dir Backups per E-Mail
• 🔍 Nutze die Suchfunktion in der Galerie
• 📸 Mache Fotos bei gutem Licht für beste Qualität