How to Handle Drawing, User Input, and Collision in Pong using Typescript and Canvas
Ready to dive into the exciting world of game development? Join me in this immersive tutorial, and together, we'll create our very own game framework from scratch!
In this video, I'll guide you step by step through building a complete Pong game using the power of Typescript and the HTML5 Canvas API. Get ready to master essential skills in simple drawing techniques, entity updates, collision detection and resolution, user input, and even AI implementation.
Discover how I'll structure our game with two distinct layers for visuals and interactive gameplay. I'll cover scores, goals, paddles, and even the ball's behavior while explaining the details of anchor points and entity types. With detailed explanations and practical demonstrations, you'll gain the confidence to create games that impress and engage players.
Join me on this thrilling journey of creativity and coding as we build Pong and a game framework that will be the envy of fellow game developers. Hit that play button now and let's level up your game development expertise!
GitHub Repository: https://github.com/nagolyhprum/game-f...
00:00 Intro
00:25 Configuration
02:14 AI
02:33 Collision resolution
04:07 Game
04:16 User Input
04:30 Updates
04:40 Collision detection
04:55 Drawing