Vertical Platformer Game Tutorial with JavaScript and HTML Canvas
Offered By: Chris Courses via YouTube
Course Description
Overview
Learn to create a vertical platformer game using JavaScript and HTML Canvas in this comprehensive 3-hour 44-minute tutorial. Begin with project setup and domain configuration before diving into core game mechanics like gravity, player movement, and collision detection. Master sprite animation, hitbox implementation, and sprite swapping techniques. Explore advanced features such as platform jumping and camera panning. Conclude by launching your finished game on Hostinger. Access provided demo, game assets, source code, and recommended tools to enhance your game development skills.
Syllabus
Project summary
Project setup
Domain setup
Gravity
Player movement
Background sprite
Collision blocks
Collision detection
Sprite animation
Hitbox implementation
Sprite swapping
Platform jumping
Horizontal camera panning
Vertical camera panning
Launch final product to Hostinger
Taught by
Chris Courses
Related Courses
Video Game Design and Development: Introduction to Game ProgrammingAbertay University via FutureLearn Computer Science for Game Development
Harvard University via edX Practical Game Development in Unity 4: Level 1
Udemy Game Development for beginners with Python
Udemy Code Your First Game: Arcade Classic in JavaScript on Canvas
Udemy