1a9710ec88
Wimmel-Suchspiel: finde 3 versteckte Fuesse in einer randvollen Szene. - Node/Express-Server generiert Szenen prozedural aus einer gemeinsamen Library (library/props = Deko, library/feet = Fuesse); Spezial-Level (emoji) unter scenes/ - Serverseitige Trefferpruefung (nicht per DOM austrickbar) - Frontend rendert die Szene als ein Bild -> fluessiges Zoom/Pan (panzoom) - Dark Mode, kein Start-Screen, Installationsskript + Deploy-Doku (Proxmox LXC) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
25 lines
1003 B
Markdown
25 lines
1003 B
Markdown
# Foto-Level (Muster)
|
|
|
|
Dieses Level ist als **Vorlage** für einen Foto-Level (`"type": "photo"`) angelegt.
|
|
Es funktioniert exakt wie ein Clipart-Level — nur mit echten, **freigestellten Fotos**
|
|
(transparenter Hintergrund) statt Zeichnungen.
|
|
|
|
Solange die Ordner `props/` und `targets/` leer sind, wird dieses Level beim Start
|
|
automatisch **übersprungen** (der Server gibt eine Info-Zeile aus). Sobald du Bilder
|
|
einfüllst, taucht es im zufälligen Level-Mix auf.
|
|
|
|
## So füllst du es
|
|
|
|
1. Lege freigestellte Foto-PNGs (transparenter Hintergrund) in `props/`
|
|
(Deko: Sandburg, Muschel, Ball, Sonnenschirm … + gern ein paar Ablenker-Füße).
|
|
2. Lege **mindestens 3** verschiedene Fuß-Fotos in `targets/`.
|
|
3. Server neu starten (`npm start`).
|
|
|
|
## Fotos freistellen
|
|
|
|
- **remove.bg** — 1-Klick Hintergrund entfernen
|
|
- **photopea.com** — kostenloser Foto-Editor im Browser
|
|
|
|
Als PNG mit transparentem Hintergrund exportieren. Am besten grob quadratisch
|
|
zuschneiden, damit die Trefferzone gut passt.
|