Overview
Learn to create a multi-room platformer game using JavaScript and HTML Canvas in this comprehensive tutorial. Begin with project setup and progress through key game development concepts including player creation, gravity implementation, movement mechanics, and background sprite integration. Master collision detection, sprite animation, and hitbox implementation to enhance gameplay. Explore advanced techniques like sprite swapping and level transitions through doors. By the end of this 3-hour tutorial, gain the skills to build a complete platformer game and understand next steps for further development. Access additional game assets and source code to support your learning journey.
Syllabus
What we're building
Sponsor: Into the AM
Project setup
Create a player
Gravity
Player movement
Background sprite
Collision blocks
Collision detection
Sprite animation
Hitbox implementation
Sprite swapping
Entering doors
Change levels
Finished product
Next steps
Taught by
Chris Courses