Uploaded June 2026 | Updated September 2026, 2 weeks ago
In this CODE Along module, the focus is on gaming – specifically building a classic arcade game. In episode 2 of CODE Along season 5, you will learn how to build "Meteor Blaster" from scratch using JavaScript in the Microsoft MakeCode editor. Follow along as we program a hero spaceship to save the galaxy by blasting falling meteors out of the sky. You'll master essential game development concepts like using event blocks for sprite interactions, creating game loops to spawn enemies repeatedly, and using math blocks to add randomness to sprite position and speed.
Skip to the good stuff:
0:00 Introduction
0:04 Game Objective
0:29 Setting up on MakeCode Arcade
1:04 Using Code Comments for Organization
1:22 Setting the Background and Space Vibe
2:08 Adding and Designing the Spaceship Player Sprite
2:55 Positioning the Sprite with X and Y Coordinates
3:40 Adding Player Movement and Controller Buttons
5:02 Keeping the Sprite on Screen
5:31 Creating Enemies with a Game Update Loop
6:06 Adding Projectile Sprites as Meteorites
7:08 Randomizing Meteorite Position and Speed
9:16 Launching Laser Projectiles with Event Blocks
10:48 Categorizing Sprite Kinds: Player, Projectile, and Enemy
11:16 Handling Overlap Events and Collisions
12:30 Adding Explosion Effects and Sound
14:55 Setting the Score and Countdown Timer
15:50 Creating a Game Over Win/Loss Condition
17:29 Saving and Sharing Your Project
17:54 Final Game Demo and Summary
Missed a line of code? No worries! View the CODE Along Cheat Sheet here: tiny.url/bgccheatsheet
Want more? Sign up to join Black Girls CODE's community at community.wearebgc.org
Support Our Non-Profit Mission
----------------------------------------------
Support us: donorbox.org/blackgirlscode
Check out our merch: wearebgc.org/merch
----------------------------------------------
Connect With Us
----------------------------------------------
Peep us on Instagram: instagram.com/blackgirlscode
Follow us on Facebook: facebook.com/BlackGirlsCodeOrg
Share our content on TikTok: tiktok.com/@blackgirlscode
Find us on Twitter: https://x.com/BlackGirlsCode
Send us a message: wearebgc.org/connect-with-us
About CODE Along
Everyone is invited to CODE Along with Black Girls CODE. It's a free, video-based coding academy where Black girls, young women, and students of all genders receive tangible, educational, and entertaining tutorials to help incite interest in computer science and technology. With fun and impactful projects and simple step-by-step lessons, this series encourages you to code along while our expert coders make digital art, animated art, and build games. In these 15 minutes or less episodes, CODE Along is designed to reach millions of underrepresented girls and arm them with the tech skills and confidence they need to build brighter futures.
#howtocode #blackgirlscode #javascript #makecode #codingtutorial #codealong #gamedevelopment
In this CODE Along module, the focus is on gaming – specifically building a classic arcade game. In episode 2 of CODE Along season 5, you will learn how to build "Meteor Blaster" from scratch using JavaScript in the Microsoft MakeCode editor. Follow along as we program a hero spaceship to save the galaxy by blasting falling meteors out of the sky. You'll master essential game development concepts like using event blocks for sprite interactions, creating game loops to spawn enemies repeatedly, and using math blocks to add randomness to sprite position and speed.
Skip to the good stuff:
0:00 Introduction
0:04 Game Objective
0:29 Setting up on MakeCode Arcade
1:04 Using Code Comments for Organization
1:22 Setting the Background and Space Vibe
2:08 Adding and Designing the Spaceship Player Sprite
2:55 Positioning the Sprite with X and Y Coordinates
3:40 Adding Player Movement and Controller Buttons
5:02 Keeping the Sprite on Screen
5:31 Creating Enemies with a Game Update Loop
6:06 Adding Projectile Sprites as Meteorites
7:08 Randomizing Meteorite Position and Speed
9:16 Launching Laser Projectiles with Event Blocks
10:48 Categorizing Sprite Kinds: Player, Projectile, and Enemy
11:16 Handling Overlap Events and Collisions
12:30 Adding Explosion Effects and Sound
14:55 Setting the Score and Countdown Timer
15:50 Creating a Game Over Win/Loss Condition
17:29 Saving and Sharing Your Project
17:54 Final Game Demo and Summary
Missed a line of code? No worries! View the CODE Along Cheat Sheet here: tiny.url/bgccheatsheet
Want more? Sign up to join Black Girls CODE's community at community.wearebgc.org
Support Our Non-Profit Mission
----------------------------------------------
Support us: donorbox.org/blackgirlscode
Check out our merch: wearebgc.org/merch
----------------------------------------------
Connect With Us
----------------------------------------------
Peep us on Instagram: instagram.com/blackgirlscode
Follow us on Facebook: facebook.com/BlackGirlsCodeOrg
Share our content on TikTok: tiktok.com/@blackgirlscode
Find us on Twitter: https://x.com/BlackGirlsCode
Send us a message: wearebgc.org/connect-with-us
About CODE Along
Everyone is invited to CODE Along with Black Girls CODE. It's a free, video-based coding academy where Black girls, young women, and students of all genders receive tangible, educational, and entertaining tutorials to help incite interest in computer science and technology. With fun and impactful projects and simple step-by-step lessons, this series encourages you to code along while our expert coders make digital art, animated art, and build games. In these 15 minutes or less episodes, CODE Along is designed to reach millions of underrepresented girls and arm them with the tech skills and confidence they need to build brighter futures.
#howtocode #blackgirlscode #javascript #makecode #codingtutorial #codealong #gamedevelopment
