← All freeCodeCamp videos

JavaScript GameDev – Code a Sonic Runner Using Kaplay Library

60,337 views 1,809 likes 2024-10-17 2:08:08 Watch on YouTube ↗ freeCodeCamp ↗
Game DevelopmentFrontendJavaScriptKaplay

Chapters (11)

Show the creator's full description
Learn how to build a sonic infinite runner game using JavaScript. In this course @JSLegendDev will teach you how to use the Kaplay game library for GameDev in JavaScirpt. Live demo: https://jslegend.itch.io/sonic-ring-run Source code: https://github.com/JSLegendDev/sonic-runner Assets: https://github.com/JSLegendDev/sonic-runner/tree/master/public How to implement parallax scrolling : https://jslegenddev.substack.com/p/how-to-implement-infinite-parallax ❤️ Try interactive JavaScript courses we love, right in your browser: https://scrimba.com/freeCodeCamp-JavaScript (Made possible by a grant from our friends at Scrimba) ⭐️ Contents ⭐️ 0:00:00 Intro 0:04:06 Project Setup 0:21:41 Loading Assets 0:31:09 Making The Main Menu Scene 0:54:51 Creating The Sonic Game Object 1:03:38 Making The Game Scene 1:14:02 Implementing Sonic Gameplay 1:22:54 Implementing Enemy Logic 1:37:21 Implementing Ring + Score Logic 1:56:39 Making The Game Over Scene 2:06:06 How Build The Game for Distribution 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.