How to build a game engine

Learn how to create a game loop, a render loop, and — if time allows — the camera and viewport. Will King will teach us how to do it in TypeScript (and talk a little bit about why he chose Gleam for his own game engine). Upcoming episodes: https://lwj.dev/schedule Links & Resources: - Will's Twitter: https://x.com/wking__ - Gleam Home: https://gleam.run/ - Schedule: https://codetv.dev/series/learn-with-jason/s8 - Vite Home: https://vite.dev/ - Code TV Bluesky: https://bsky.app/profile/did:plc:rwwdbpl76rghy7d5z4sd2ozp - CodeTV Discord: https://codetv.link/discord - Repo: https://github.com/learnwithjason/build-a-game-engine-ts Watch future episodes live at https://lwj.dev/live This episode was sponsored by: - Tuple: https://lwj.dev/tuple Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) 00:00 Introduction 02:21 Why Build a Game Engine? 06:45 Understanding Game Engine Basics 11:23 Choosing the Right Tools and Language 14:22 Setting Up the Game Engine 21:27 Rendering and Canvas Setup 43:48 Designing the Game Map 46:53 Choosing Tile Size and Resolution 49:42 Implementing For Loops for Tile Rendering 52:26 Drawing the Map Grid 56:28 Adding a Character to the Map 01:15:04 Collision Detection and Final Adjustments 01:23:13 Conclusion and Next Steps