Basic projects for creating games in HTML5

Theses projects are part of a workshop and a tutorial in order to learn how to craft a video-game using HTML5/CSS3/JSES6 technologies.

Projects

• 01-HTML5 Base
• 02-Minesweeper - DEMO
• 03-CanvasVanilla - DEMO
• 04-CanvasProcessingJs - DEMO
• 05-CanvasBabylonJs
• 06-CanvasBabylonJs-Mayor - DEMO
• 07-CanvasARPG

Other projects

• My personnals HTML5-GameEngine project. Still in progress.
• D.I.G a simple digging game fully in vanilla HTML/CSS/JS

Required

• Modern browser (Chrome, Opera, Firefox, Edge, Safari)
• IDE (Atom, Visual Studio Code, ...)
• Node.Js (LTS 12.16.1 or above)

Recommended plugin for VS-Code

• Live Server
• Live Sass Compiler
• SASS

Quentin Vanbutsele - 2025