Spaceships, lazers and aliens. Let’s build a game from scratch with plain vanilla JavaScript and learn about game development and object-oriented programming. Our JavaScript game will be loosely inspired by the iconic space invaders arcade, but we will add some fun bonus features like super weapons, boss battles and different enemy types. While we do that we will learn about fundamental programming principles with JavaScript and object-oriented programming.
🚀 EXTENDED class with BONUS lessons and more free sprite sheets will be available here when I finalise the project, for now you can check out my other premium content if you want:
👽 Download Project Art assets 👽
Background:
Beetlemorph enemy:
Player space ship:
Player jets:
(if you can’t download the files, try to use a different browser or VPN to change your country, also leave a comment so I can fix it)
🌌 Tutorial Contents 🌌
00:00:00 Intro
00:00:44 Project setup
00:05:23 Game and player objects
00:11:00 Keyboard controls
00:18:27 Object pool design pattern
00:31:28 Enemy waves
00:45:02 Collision detection
00:53:05 Score and game text
01:05:53 Game restart method
01:11:36 Beetlemorph enemy class
01:16:26 Sprite animation explained
01:27:02 Animation timing
01:37:17 Player animation
Space Invaders was released in arcades across Japan in the summer of 1978. Back in the day, the processors were not powerful enough to move the entire army of aliens at the speed the designer Tomohiro Nishikado intended, but as the player defeated enemies, it freed more processor memory and the game was getting faster and faster the fewer enemies were on screen. It also affected the speed of background music. It wasn’t intended but this rising difficulty bug became a game feature. We will create a variation on this by making the enemies come in larger and larger waves. I will be using NO frameworks and no libraries and I will explain every line of code as usual, because only when you fully understand the code can you modify and add your own features later if that’s what you want to do.
The description of this video may contain affiliate links, which means that if you buy one of the products that I recommend, I’ll receive a small commission without any additional cost for you. This helps to support the channel and allows me to continue making videos like this. Thank you for the support!
#frankslaboratory
1 view
152
64
2 weeks ago 03:33:33 5
Just Listen! Frequency Of God 1111 Hz: Unexplainable Miracles Will Extend To Your Entire Life
2 weeks ago 00:50:40 1
Загадка скрипок Страдивари -документальный фильм Violin Stradivarius
2 weeks ago 00:33:58 3
MEDIA LITERACY TRAINING: How predatory marketing is manipulating you
2 weeks ago 00:00:00 1
“BEL90A Ring Laser Gyroscope – Precision Navigation for Unmanned Vessels“
2 weeks ago 00:03:16 1
How to Draw a Spider Easy Step by Step
2 weeks ago 00:42:10 5
Tommy Robinson - The Untold Story
3 weeks ago 00:06:12 1
साबूदाना की बर्फी | नवरात्रि स्पेशल व्रत की
3 weeks ago 00:03:22 2
Haddaway - What Is Love (Shuffle Dance Music Video) 💃【4K】
3 weeks ago 00:02:41 1
[2025 DREAM WEEK] How to Make TOMORROW X TOGETHER
3 weeks ago 00:20:15 2
Karoline Leavitt’s Lifestyle 2025★ House Tour, Husband, Children, Cars, Net Worth....
3 weeks ago 00:04:29 3
After Dark - (Music Video - Lost In Translation)
3 weeks ago 00:00:00 1
Bucha Massacre Row At UN LIVE | Putin Aide ‘Proves’ How Kyiv & UK Conspired To Defame Russia
3 weeks ago 00:03:44 18
. 2: HEART OF CHORNOBYL | 1980’s LIVE-ACTION MOVIE
3 weeks ago 00:06:52 10
Rentarou’s love speech with ENG subs | Hyakkano/100 girlfriends
3 weeks ago 00:00:37 1
Revolutionary Skin Grafting Technique Revealed!
3 weeks ago 00:00:36 1
Corner Not Square? Do this. #tipcentric
3 weeks ago 00:03:48 1
OFFICIAL Somewhere over the Rainbow - Israel “IZ“ Kamakawiwoʻole
3 weeks ago 00:10:17 6
17+ Pretty Blood : Red Snow Part 2
3 weeks ago 00:02:35 1
Tate McRae - greedy (Official Video)
4 weeks ago 00:04:19 8
Al Bano & Romina Power - Liberta
4 weeks ago 00:27:20 4
MACRAME OWL Plant Hanger 🦉 Flower Pot Holder (DIY)
4 weeks ago 00:11:43 1
Revolutionizing Interior Design with AI: A Stunning Demo
4 weeks ago 00:06:59 1
자연산 광어 대광어 오로시 해체작업, How to Cut a Huge Flatfish?! Flounder Sashimi, 길거리 음식, Korean Street Food
4 weeks ago 00:12:19 1
DIY daily tote bag,. Zippered bag tutorials for beginners.