Build a 2D Browser Game with HTML Canvas and JavaScript
01
Skill level
All levels
02
Sections
4
03
Lectures
13
04
Instructor
Team Mammoth
What's inside
This course includes.
✓
4
Sections
✓
Certificate of completion
Included
✓
Mobile and desktop access
Included
✓
AI learning assistance
Included
Unlock all courses with our Subscription Bundle! Get unlimited access to entire course library, books and assets. Learn more and subscribe today!
Course content
Curriculum & lectures.
+ 11 Build a 2D browser game with HTML canvas and JS 3 lectures Preview
01 Draw A Line With Html Canvas And Js
Locked
02 Set Html Canvas Background Color
Locked
Source Files
Locked
+ 12 Draw player from image with HTML canvas and JS 4 lectures
01 Draw Player From Image With Html Canvas And Js
Locked
02 Move Image Up When Key Pressed In Javascript
Locked
03 Enable Player Movement On Keyboard Input
Locked
Source Files
Locked
+ 13 Spawn obstacles in random locations 4 lectures
01 Build A Rectangle Obstacle With Javascript Canvas
Locked
02 Build An Array To Store Obstacles In Javascript
Locked
03 Draw Rectangle At Random Position In Javascript
Locked
Source Files
Locked
+ 14 Handle collision in JavaScript for HTML canvas 2 lectures
01 Handle Collision Between Player And Obstacle In Javascript
Locked
Source Files
Locked
Instructors
Taught by people who ship.
Team Mammoth
Instructor
Produced by a team of Mammoth Club industry experts. Over 14 years, Mammoth Club has built a global student community in 190+ countries with 9+ million courses sold, releasing over 1,000+ courses and 5,000+ hours of video content.
Ready to start building?
Join Mammoth Club and move through the course with structured lessons, previews, and certificates.