Awesome Open Source
Awesome Open Source

Doom Nukem CSS

3D shooter written with HTML/CSS/Typescript that renders scene using HTML and CSS, no canvas 😅

main

Live demo

Its not playable like a normal game, the whole level is empty but anyway I guess it should be an interesting thing :)

Features

  • Doom-like menu 😎
  • Camera
  • Player movement
  • Levels
  • Collision (for player or enemies)
  • Sprites
  • Enemies
  • Weapons (only 2 ones: pistol and shotgun)
  • Shooting
  • Health
  • Night level

Technologies used

The Doom like menu is built by React

To manipulate with the 3D level I use only JQuery

Rendering

Everything you see is built by HTML5 <div>

div-structure

wall-example

Night level

night-level

Also

Contributors

Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,059,739
Typescript (246,254
Html (241,535
Reactjs (162,408
Css (142,431
Jquery (26,479
3d (17,882
Camera (16,881
Canvas (10,666
Mobx (2,303
Doom (972
Shooter (132
Wolfenstein (18
Dukenukem (4