managarten/games/whopixels
Till JS d9ccb5e31b feat(games): add whopixels hosting at whopxl.mana.how
Dockerfile, docker-compose service (port 5100), Caddy and cloudflared
routing for the WhoPixels game. PORT is now configurable via env var.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-20 19:57:50 +01:00
..
assets feat(cd): add Matrix notification on deploy failure 2026-03-20 19:47:53 +01:00
css feat(cd): add Matrix notification on deploy failure 2026-03-20 19:47:53 +01:00
data feat(cd): add Matrix notification on deploy failure 2026-03-20 19:47:53 +01:00
js feat(cd): add Matrix notification on deploy failure 2026-03-20 19:47:53 +01:00
.gitignore feat(cd): add Matrix notification on deploy failure 2026-03-20 19:47:53 +01:00
Dockerfile feat(games): add whopixels hosting at whopxl.mana.how 2026-03-20 19:57:50 +01:00
generate_assets.js feat(cd): add Matrix notification on deploy failure 2026-03-20 19:47:53 +01:00
index.html feat(cd): add Matrix notification on deploy failure 2026-03-20 19:47:53 +01:00
package.json feat(cd): add Matrix notification on deploy failure 2026-03-20 19:47:53 +01:00
README.md feat(cd): add Matrix notification on deploy failure 2026-03-20 19:47:53 +01:00
server.js feat(games): add whopixels hosting at whopxl.mana.how 2026-03-20 19:57:50 +01:00

WhoPixels

Ein webbasiertes Pixel-Spiel, entwickelt mit Phaser.js.

Projekt Starten: node server.js

Über das Projekt

WhoPixels ist ein einfaches Pixel-Art-Editor-Spiel, in dem du deine eigenen Pixel-Kunstwerke erstellen kannst. Das Projekt verwendet Phaser.js, eine leistungsstarke HTML5-Spieleentwicklungsbibliothek.

Funktionen

  • Interaktives Pixel-Art-Editor-Interface
  • Farbpalette mit 8 Grundfarben
  • Einfache und intuitive Benutzeroberfläche
  • Responsive Design

Erste Schritte

Um das Spiel lokal zu starten, benötigst du einen lokalen Webserver. Du kannst einen einfachen Server mit Python oder Node.js starten.

Mit Python:

# Python 3
python -m http.server

# Python 2
python -m SimpleHTTPServer

Mit Node.js:

Installiere zuerst das http-server-Paket:

npm install -g http-server

Dann starte den Server:

http-server

Projektstruktur

whopixels/
├── assets/            # Spielressourcen (Bilder, Sounds, etc.)
├── css/               # CSS-Stylesheets
├── js/                # JavaScript-Dateien
│   ├── scenes/        # Phaser-Szenen
│   │   ├── BootScene.js
│   │   ├── MainMenuScene.js
│   │   └── GameScene.js
│   └── main.js        # Hauptspieldatei
└── index.html         # Haupt-HTML-Datei

Weiterentwicklung

Hier sind einige Ideen für zukünftige Erweiterungen:

  • Speichern und Laden von Pixel-Art
  • Mehr Werkzeuge (Pinsel, Radierer, Füllen, etc.)
  • Animation-Editor
  • Teilen von Kunstwerken
  • Mehrere Ebenen für komplexere Designs

Lizenz

Dieses Projekt ist Open Source und steht unter der MIT-Lizenz.