Let's make games with JavaScript
summary
Compares DOM-based games (HTML/CSS/JS) versus Canvas-only games and chooses engines by use case, listing phaser 3, pixi.js and three.js and noting pixi/phaser/three bundles are ~0.7–1 MB while Unity WebGL is >3 MB and playable ads target playable ads 2–5 MB. Shows concrete Phaser 3 setup via jsDelivr, live server to avoid CORS, scene lifecycle (init, preload, create, update), loads an image, scales it, moves and bounces it, adds score text and click interactivity that relocates the sprite and increments score.
AI-written summary · about
chapters (11)
- 0:00Introduction to HTML5 games
- 4:09Advantages of HTML5 games
- 7:54DOM vs Canvas for games
- 10:05Game engines and frameworks
- 11:51Phaser 3 overview
- 16:52Setting up Phaser 3
- 20:45Loading and displaying images
- 23:23Basic animation and movement
- 25:39Adding interactivity and score
- 27:13Building a simple clicker game
- 28:02Future tutorials and Q&A
related talks
26mMaking games with JavaScript and Phaser.io
26mdeveloping videogames in JavaScript
37mHTML5 Game Engine development
29mJavaScript and Game Development
54mThrow away your Xbox - The future of games is written in JavaScript
31mMake coding fun: developing a game in the browser
25mJavascript as Play A Primer on Getting Started with Video Games
29m"JavaScript as Play"