till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-17 11:29:40 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4
managarten/games/whopixels
History
Till JS c0c11c325a feat(whopixels): major refactor with 20 improvements across architecture, gameplay, UX, security, and i18n 
Split monolithic RPGScene.js (1210 lines) into modular manager classes:
- WorldManager, PlayerManager, NPCManager, ChatUI, StorageManager,
  SoundManager, TouchControls

Key improvements:
- Constants config (GAME_CONFIG) replacing all magic numbers
- JSDoc types + jsconfig.json for IDE type-safety
- LocalStorage persistence for progress, stats, and custom avatars
- Synthesized sound effects via Web Audio API
- 26 NPCs (up from 10) in 3 categories
- Stats/leaderboard in main menu
- Pixel editor avatar integration with RPG game
- Mobile touch controls (virtual joystick + interact button)
- Chat UI with typing indicator and conversation history
- Interactive tutorial overlay for first-time players
- Floating question mark over NPCs in range
- Server hardened: rate limiting, input sanitization, CORS restrictions,
  API timeouts, conversation history cap
- Particle effect object pooling
- i18n framework with DE/EN and language switcher

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-21 15:26:40 +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(whopixels): major refactor with 20 improvements across architecture, gameplay, UX, security, and i18n 2026-03-21 15:26:40 +01:00
js feat(whopixels): major refactor with 20 improvements across architecture, gameplay, UX, security, and i18n 2026-03-21 15:26:40 +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
IMPROVEMENTS.md feat(whopixels): major refactor with 20 improvements across architecture, gameplay, UX, security, and i18n 2026-03-21 15:26:40 +01:00
index.html feat(whopixels): major refactor with 20 improvements across architecture, gameplay, UX, security, and i18n 2026-03-21 15:26:40 +01:00
jsconfig.json feat(whopixels): major refactor with 20 improvements across architecture, gameplay, UX, security, and i18n 2026-03-21 15:26:40 +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(whopixels): major refactor with 20 improvements across architecture, gameplay, UX, security, and i18n 2026-03-21 15:26:40 +01:00

README.md

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.