Game Dev for Web Designers
summary
Claims that full 2D games can be built with HTML/CSS/JS and the DOM and demonstrates a working proof: a playable Warlock Tower DOM prototype rendered with divs and tables, animated with CSS (offloaded to GPU) and scripted with JS/jQuery, authored live via node live-server. Uses 16×16 sprites and tables as level editor for rapid design; prototype runs in Chrome and mobile Chrome (iOS looks blurry). Original game has 30+ levels and won two Brazilian awards.
AI-written summary · about
chapters (13)
- 0:00Start
- 1:59Disclaimer
- 3:35Gmp
- 4:59Steve Jobs Killed Flash
- 5:10Html Game Engines
- 7:16Retain Mode
- 8:07Immediate Mode
- 10:28Warlocks Tower
- 13:37Level Design
- 16:13Main Takeaways
- 18:50Image Rendering Pixelated
- 21:23Cross-Browser Audio
- 21:55Types of Games
related talks
29mJavaScript and Game Development
29mComplex Geometry in HTML!
26mBuilding a 2D Game from Scratch with WebGPU
27mCSS as a Game Engine: Building Playful, Stateful Web Experiences Without JS
37mHTML5 Game Engine development
38mWhat if we made a game?
34mThe past, present, and the future of HTML5 game development
28mCSS Games and Drawings in the Real World: Useful or Just Fun?