Wolfensvelte-3D

• Purpose: Wolfensvelte 3D is a Svelte-based reimagining of the classic game Wolfenstein 3D, rendered entirely using HTML DOM elements with CSS 3D transforms. It was created as part of Svelte Hack 2023 and serves as a technical experiment to push Svelte and DOM capabilities.

• Key Features:

  • Enemies (Guards + Guard Dogs)
  • Weapons and ammo system
  • Secrets (pushwalls)
  • Item pickups
  • Full E1M1 map
  • Player health system

• Technical Approach:

  • Built purely with Svelte, HTML, CSS, and TypeScript/JavaScript.
  • Game objects (walls, doors, elevators, etc.) are managed via Svelte components.
  • State changes propagate through a top-level CurrentLevel store.
  • Core game loop relies on a single requestAnimationFrame for efficiency.

• Target Audience:

  • Svelte enthusiasts and developers interested in unconventional DOM-based 3D rendering.
  • Fans of retro gaming or Wolfenstein 3D looking for a unique twist.

• Live Demo: Available at wolfensvelte-3d.vercel.app.