Wolfensvelte 3D screenshot

Wolfensvelte 3D

Author Avatar Theme by Snuffydev
Updated: 10 Sep 2023
158 Stars

Wolfenstein 3D, reimagined in Svelte - rendered with the DOM

Categories

Overview:

Wolfensvelte 3D is a reimagining of the classic PC game Wolfenstein 3D using the Svelte framework. The game is rendered using HTML DOM elements with CSS 3D transforms. The project was created for Svelte Hack 2023 and aims to push the limits of Svelte and the DOM. The game includes features such as enemies, weapons, secrets, item pickups, and a full map.

Features:

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

Installation:

To install the Wolfensvelte 3D theme, follow these steps:

  1. Clone the repository from GitHub.
  2. Navigate to the project directory.
  3. Install the dependencies using the command: npm install
  4. Start the development server using the command: npm run dev

Summary:

Wolfensvelte 3D is an impressive project that showcases the capabilities of the Svelte framework and CSS 3D transforms. The game successfully recreates the experience of playing Wolfenstein 3D, albeit with some differences. The use of Svelte components for each game object and the management of state through props and functions is commendable. The project also includes a well-optimized game loop and code dedicated to managing game objects and assets. Overall, Wolfensvelte 3D is a unique and interesting take on a classic game.