Skip to content

👾 A nostalgia piece created using DOM manipulation (instead of Canvas or WebGL) via vanilla JS. All graphics are CSS generated.

License

Notifications You must be signed in to change notification settings

patgarcia/dom-invaders

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

winter space invader alien

DOM INVADERS Actual gameplay footage

dom-invaders

A nostalgia piece created using DOM manipulation (instead of Canvas or WebGL) via vanilla JS. All graphics are CSS generated.

Technologies

This project is purely written in HTML, CSS and Vanilla JS. The only assets used are a font and the images for this README.

I wrote a python script to create the game sprites. It takes as an input a reference image and outputs the corresponding CSS code.

Livesite link

DOM Invaders Live Site

Use the mouse wheel and click around the ship to shoot

No installation required.

Future work

Coming features:

  • Splash Screen
  • Alternate Player functionaly
  • Highscore registration
  • Leaderboard
  • Aliens to shoot back
  • Protective barriers
  • Responsive design

About

👾 A nostalgia piece created using DOM manipulation (instead of Canvas or WebGL) via vanilla JS. All graphics are CSS generated.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published