Web Development In Development

DSA Helper

Game Master Tool für Das Schwarze Auge

Ein umfassendes Web-Tool für DSA Game Master mit Gegnertypen-Verwaltung, Kampfsystem, Talentproben und Session-Management.

SvelteKitTypeScriptWeb DevelopmentGame Master ToolsDSARPG

DSA Helper

Übersicht

Ein umfassendes Web-Tool für Game Master von "Das Schwarze Auge" (DSA), das die Verwaltung von Gegnertypen, Kampfsystemen, Talentproben und Spielsessions vereinfacht. Das Tool ermöglicht es Spielleitern, schnell und effizient Gegner zu erstellen, Kampfhandlungen durchzuführen und komplexe Talentproben zu verwalten.

Hauptfunktionen

Gegnertypen-Verwaltung

  • Konfigurierbare Werte-Bereiche: Erstelle Gegnertypen mit flexiblen Min/Max-Werten für alle Eigenschaften
  • Automatische Würfelmechanik: Integrierte Würfel-Funktionen für Grundwerte und Kampfwerte
  • Ausrüstungssystem: Standard-Ausrüstung und verfügbare Items pro Gegnertyp
  • Rüstungskompatibilität: Intelligente Prüfung von Rüstungskompatibilität
  • Visuelle Unterscheidung: Farbkodierung für verschiedene Gegnertypen

Gegnertypen-Verwaltung

Kampfsystem

  • Gegner-Angriffe: Automatische Berechnung von Angriffswerten mit Waffenboni
  • Spieler-Angriffe: Parade-System mit Schadensberechnung und Körperzonen
  • Rüstungsschutz: Automatische Berücksichtigung von Rüstungswerten
  • TP-Wert-System: Vollständige Integration des DSA-Schadenssystems
  • Echtzeit-Status: Live-Updates von Lebenspunkten und Kampfstatus

Talentproben-System

  • Vollständige Talent-Datenbank: Über 50 DSA-Talente mit allen Details
  • Talentstufen-System: Flexible Punkte-Verwaltung für Talentproben
  • Kritische Erfolge & Patzer: Automatische Erkennung und Berechnung
  • Qualitätsstufen: Detaillierte Anzeige von Probe-Ergebnissen
  • Kategorisierung: Filterung nach Gesellschaft, Handwerk, Körper, Natur und Wissen

Talentproben-System

Session-Management

  • Gegner-Spawning: Schnelle Erstellung von Gegnern aus vordefinierten Typen
  • Session-Speicherung: Lokale Speicherung von Spielsessions
  • Status-Tracking: Verwaltung von aktiv, verwundet, bewusstlos, tot
  • Ausrüstungsverwaltung: Dynamische Ausrüstung von Gegnern
  • Intelligente Item-Auswahl: Automatische Auswahl kompatibler Ausrüstung

Session-Management

Technische Architektur

Frontend-Stack

  • SvelteKit: Moderne Web-Framework für reaktive Benutzeroberflächen
  • TypeScript: Typsichere Entwicklung mit umfassenden Interfaces
  • SCSS: Erweiterte CSS-Funktionalitäten für responsives Design
  • LocalStorage: Client-seitige Datenspeicherung für Offline-Funktionalität

Core-Systeme

  • Dice Engine: Vollständige DSA-Würfelmechanik mit TP-Wert-Parsing
  • Combat Calculator: Kampfberechnungen mit Rüstungsschutz und Boni
  • Talent System: Komplexe Talentproben mit Punkte-Verwaltung
  • Item Manager: Ausrüstungsverwaltung mit Kompatibilitätsprüfung
  • Session Controller: Spielsession-Verwaltung und Datenpersistierung

Benutzeroberfläche

Interaktive Elemente

  • Drag & Drop: Intuitive Verwaltung von Ausrüstung
  • Real-time Updates: Sofortige Aktualisierung aller Werte
  • Modal-Dialoge: Fokussierte Eingabeformulare
  • Tooltips: Kontextuelle Hilfe und Informationen

Items-Verwaltung

Visuelle Hierarchie

  • Farbkodierung: Konsistente Farbgebung für verschiedene Elemente
  • Icon-System: Intuitive Symbole für schnelle Erkennung
  • Karten-Layout: Übersichtliche Darstellung von Gegnern und Items
  • Status-Indikatoren: Klare visuelle Rückmeldung für alle Aktionen

DSA-Regelwerk-Integration

Würfelmechanik

  • W20-System: Vollständige Integration der DSA-Würfelmechanik
  • TP-Wert-Parsing: Automatische Berechnung von Schadenswerten
  • Kritische Erfolge: Erkennung von 1er-Würfen
  • Patzer-System: Automatische Erkennung von 20er-Würfen

Kampfregeln

  • Parade-System: Vollständige Integration der DSA-Parade-Regeln
  • Rüstungsschutz: Körperzonen-spezifische Rüstungswerte
  • Waffenboni: Automatische Berechnung von Angriffs- und Paradeboni
  • Schadensberechnung: TP-Wert-basierte Schadensberechnung

Talentproben

  • Eigenschaftsproben: Drei-Würfel-System mit Punkte-Verwaltung
  • Talentstufen: Flexible Punkte-Verwaltung für schwierige Proben
  • Qualitätsstufen: Automatische Berechnung von Qualitätsstufen
  • Kritische Erfolge: Zusätzliche Punkte bei kritischen Erfolgen

Performance-Optimierungen

Client-Side Speicherung

  • LocalStorage: Persistente Speicherung aller Daten
  • Lazy Loading: Dynamisches Laden von Komponenten

Reaktive Updates

  • Svelte Stores: Effiziente State-Verwaltung
  • Selective Updates: Nur betroffene Komponenten werden aktualisiert
  • Batch Operations: Gruppierung von mehreren Updates

Fazit

Der DSA Helper ist ein umfassendes Tool, das Game Master bei der Verwaltung von DSA-Spielsessions unterstützt. Durch die Integration des vollständigen DSA-Regelwerks und eine intuitive Benutzeroberfläche ermöglicht es Spielleitern, sich auf das eigentliche Spiel zu konzentrieren, anstatt sich mit komplexen Berechnungen und Verwaltungsaufgaben zu beschäftigen.

Das Tool demonstriert moderne Web-Entwicklung mit SvelteKit und TypeScript, während es gleichzeitig die traditionellen Regeln von "Das Schwarze Auge" respektiert und nahtlos integriert.


Entwickelt mit SvelteKit, TypeScript und modernen Web Development Patterns