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>
1003 B
1003 B
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
- Lege freigestellte Foto-PNGs (transparenter Hintergrund) in
props/(Deko: Sandburg, Muschel, Ball, Sonnenschirm … + gern ein paar Ablenker-Füße). - Lege mindestens 3 verschiedene Fuß-Fotos in
targets/. - 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.