Web Development In Development

DSA Helper

Game Master Tool for The Dark Eye

A comprehensive web tool for DSA Game Masters with enemy type management, combat system, talent tests and session management.

SvelteKitTypeScriptWeb DevelopmentGame Master ToolsDSARPG

DSA Helper

Overview

A comprehensive web tool for Game Masters of "The Dark Eye" (DSA), simplifying the management of enemy types, combat systems, talent tests and game sessions. The tool enables game masters to quickly and efficiently create enemies, conduct combat actions and manage complex talent tests.

Main Features

Enemy Type Management

  • Configurable Value Ranges: Create enemy types with flexible min/max values for all attributes
  • Automatic Dice Mechanics: Integrated dice functions for base values and combat stats
  • Equipment System: Standard equipment and available items per enemy type
  • Armor Compatibility: Intelligent checking of armor compatibility
  • Visual Distinction: Color coding for different enemy types

Enemy Type Management

Combat System

  • Enemy Attacks: Automatic calculation of attack values with weapon bonuses
  • Player Attacks: Parry system with damage calculation and body zones
  • Armor Protection: Automatic consideration of armor values
  • TP Value System: Complete integration of the DSA damage system
  • Real-time Status: Live updates of hit points and combat status

Talent Test System

  • Complete Talent Database: Over 50 DSA talents with all details
  • Talent Level System: Flexible point management for talent tests
  • Critical Successes & Fumbles: Automatic detection and calculation
  • Quality Levels: Detailed display of test results
  • Categorization: Filtering by Society, Craft, Body, Nature and Knowledge

Talent Test System

Session Management

  • Enemy Spawning: Quick creation of enemies from predefined types
  • Session Storage: Local storage of game sessions
  • Status Tracking: Management of active, wounded, unconscious, dead
  • Equipment Management: Dynamic equipment of enemies
  • Intelligent Item Selection: Automatic selection of compatible equipment

Session Management

Technical Architecture

Frontend Stack

  • SvelteKit: Modern web framework for reactive user interfaces
  • TypeScript: Type-safe development with comprehensive interfaces
  • SCSS: Advanced CSS functionality for responsive design
  • LocalStorage: Client-side data storage for offline functionality

Core Systems

  • Dice Engine: Complete DSA dice mechanics with TP value parsing
  • Combat Calculator: Combat calculations with armor protection and bonuses
  • Talent System: Complex talent tests with point management
  • Item Manager: Equipment management with compatibility checking
  • Session Controller: Game session management and data persistence

User Interface

Interactive Elements

  • Drag & Drop: Intuitive equipment management
  • Real-time Updates: Immediate updating of all values
  • Modal Dialogs: Focused input forms
  • Tooltips: Contextual help and information

Items Management

Visual Hierarchy

  • Color Coding: Consistent color scheme for different elements
  • Icon System: Intuitive symbols for quick recognition
  • Card Layout: Clear presentation of enemies and items
  • Status Indicators: Clear visual feedback for all actions

DSA Rulebook Integration

Dice Mechanics

  • W20 System: Complete integration of DSA dice mechanics
  • TP Value Parsing: Automatic calculation of damage values
  • Critical Successes: Detection of 1-rolls
  • Fumble System: Automatic detection of 20-rolls

Combat Rules

  • Parry System: Complete integration of DSA parry rules
  • Armor Protection: Body zone-specific armor values
  • Weapon Bonuses: Automatic calculation of attack and parry bonuses
  • Damage Calculation: TP value-based damage calculation

Talent Tests

  • Attribute Tests: Three-dice system with point management
  • Talent Levels: Flexible point management for difficult tests
  • Quality Levels: Automatic calculation of quality levels
  • Critical Successes: Additional points for critical successes

Performance Optimizations

Client-Side Storage

  • LocalStorage: Persistent storage of all data
  • Lazy Loading: Dynamic loading of components

Reactive Updates

  • Svelte Stores: Efficient state management
  • Selective Updates: Only affected components are updated
  • Batch Operations: Grouping of multiple updates

Conclusion

The DSA Helper is a comprehensive tool that supports Game Masters in managing DSA game sessions. By integrating the complete DSA rulebook and an intuitive user interface, it enables game masters to focus on the actual game instead of dealing with complex calculations and administrative tasks.

The tool demonstrates modern web development with SvelteKit and TypeScript, while simultaneously respecting and seamlessly integrating the traditional rules of "The Dark Eye".


Developed with SvelteKit, TypeScript and modern Web Development Patterns