Overview
Embark on a comprehensive 10-hour course to master 2D game development using HTML, CSS, and vanilla JavaScript. Dive into sprite animation, state management, and various game development techniques through a series of hands-on projects. Begin with fundamental concepts and gradually build up to creating a fully-featured endless runner game. Learn to implement sprite animations, parallax backgrounds, enemy movement patterns, collision detection and animations, point-and-shoot mechanics, enemy variety, side-scrolling with mobile support, and state management. Access a wealth of provided art assets to bring your games to life. By the end of this course, gain the skills to create engaging 2D animated games from scratch without relying on frameworks or libraries.
Syllabus
Intro.
Project 1: Vanilla JavaScript sprite animation techniques.
Project 2: Parallax backgrounds.
Project 3: Enemy movement patterns.
Collision detection between rectangles.
Collision detection between circles.
Project 4: Collision animations from a sprite sheet.
Project 5: Point & shoot game.
Project 6: Enemy variety.
Project 7: Side-scroller game with mobile support.
Project 8: State management.
Project 9: Final endless runner game with all the features.
Taught by
freeCodeCamp.org