JavaScript RETRO Games: Super Weapons

2 new weapons, overheating mechanic and a rechargeable energy bar. We are building classic SPACE INVADERS game, but we are experimenting with code and adding our own features. Have fun!
🚀 Full EXTENDED version includes: 4 unique enemy types, full source code from 8 stages throughout the project, 8 boss skins, super weapons and more. Check out the trailer and feature overview here: www.udemy.com/course/remake-r...
Part 1: • Remake RETRO Games wit...
Part 2: • JavaScript RETRO Games...
Part 3: • JavaScript RETRO Games...
Part 4: this video
Today we will learn:
How to implement automatically recharging energy bar and overheating mechanic
How to render and check collision between new powerful laser beams and bosses/enemies
How to restrict colors and canvas transforms only to specific shapes using save() and restore() built-in HTML canvas methods.
...and more
If you want to SUPPORT me you can use the links below and get some one my EXTENDED classes! 💪
www.udemy.com/course/learn-cr...
www.udemy.com/course/learn-ga...
www.udemy.com/course/creative...
www.udemy.com/course/build-an...
www.udemy.com/course/learn-ht...
www.udemy.com/course/remake-r...
www.udemy.com/course/learn-ht...
Get Skillshare FREE for 1 month: ‍🎓
www.skillshare.com/en/r/profi...
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

[@Frankslaboratory]

🚀 Full EXTENDED version includes: 4 unique enemy types, full source code from 8 stages throughout the project, 8 boss skins, super weapons and more. Check out the trailer and feature overview here: www.udemy.com/course/remake-retro-games-with-javascript/?referralCode=2ACCA21F16FE78E631F7

[@Frankslaboratory]

I can make additions to this project for a year :D Probably it's time to wrap this up. Maybe one or 2 more enemy types to finish this off ... :D

[@javifontalva7752]

I think you could enemy shoot to spice it up a bit.

[@LouisChang-le7xo]

And a few more features(in my extended comment that is only a bit long)

[@IrynaAbrosimova]

wow, when I watch your tutorial everything is so easy, but it's a huge knowledge, thanks

[@suelingsusu1339]

I followed and watched in details all 4 of the videos in this series... as well as the asteroids one. I must say... I am amazed at the skill you have... just superb... in the teaching aspect... in the graphics art aspect and the organization and the implementation. Exquisitely envisaged and executed.... BRAVO!!!

[@LouisChang-le7xo]

Not to be rude, but here are a few things: First, I think you forgot that space invaders aliens shoot back at you I think we should upgrade the AI on the boss so it avoids your projectiles You should probably add shields and use points to purchase stuff in a “shop” for upgrades and special abilities How about if we make it into a fully fledged RPG with an actual map, with different types of aliens waiting at different parts of the map, with errors triggering boss fights? I think this will be cool, and I am dying to see one of those

[@rrahll]

Thanks Frank! Awesome as always!

[@Frankslaboratory]

I'm here to help ! :)

[@vitorcorbani4713]

This channel is so good, i learned so many things with these videos, thanks!

[@Frankslaboratory]

Thanks Vitor

[@zohaibqurban7386]

your channel is amazing

[@M4rt1nX]

Yes, thanks a lot for implementing our suggestions Frank. Just intime for the weekend, perfect 👌.

[@Frankslaboratory]

Hi Luz, I always appreciate the feedback and making this into multiple episodes allowed me to integrate some of it. I read all the comments :)

[@gambomaster]

This is one of a kind channel. Thanks. 🙏

[@Frankslaboratory]

Very kind of you to say

[@danielmelo389]

Thanks a lot for your videos, they are amazing and inspiring.

[@Frankslaboratory]

Hi Daniel, thank you for letting me know, happy to read this comment!

[@CristianParolo]

Frank thanks for your effort in these tutorial !! Thanks to your explanation, your skill and coding technique, I really learning a better way to set logic in my component!! Thank you again for everything

[@Frankslaboratory]

Hi Cristian, thank you, very kind to say. Glad you found some value

[@DeepakMeena-uj9fs]

thanks for providing wonderful tutorials...keep doing awesome 👍👏

[@Frankslaboratory]

Hi Deepak, thank you 💪

[@klaceekoolstra2658]

Magically ‼this 🌼😄

[@Frankslaboratory]

Thank you 🌼

[@gflaap]

Great Great Great!!! you are really awesome! Thank you so much for That content!

[@Frankslaboratory]

People seem to like this project, happy to see that, thank you for letting me know :D

[@appnexx1263]

¡Eres un genio, Frank! He aprendido mucho de js y, sobre todo, de desarrollo de juego gracias a tus tutoriales. Gracias por la dedicación y el esfuerzo ✌ Pd: sería fenomenal, si pudieras hacer un tutorial de cómo hacer un inventario 😬

[@Frankslaboratory]

Glad you found some value. I want do so a classic Zelda/Pokemon style RPG using tile maps technique. Those games have a simple inventory. Not sure how I would implement it now. Will try some things when I have time.

[@zohaibqurban7386]

I love your tutorial ....

[@javifontalva7752]

Yesssssss🎉🎉🎉. Get to the choppa!

[@Frankslaboratory]

Hahaha, exactly :D

[@AZHARakaGoat]

Good

[@onuberonly7846]

Wonderfull tutorial I lear a lot - I made the game mobile touch friendly so it works on my smart phone

[@Frankslaboratory]

Nice, well done, happy to hear you were able to expand the codebase with your own stuff

[@urax5341]

I love your videos !!!!

[@Frankslaboratory]

Glad you found some value!

[@urax5341]

@@Frankslaboratory Been watching you for more than a year, I know what I am saying haha

[@bartdemeyere]

How do you make those images and background?

[@Push_ups__]

Frank, I hope you see this! I was just wondering if there is anything on your couse for this that is'nt on youtube.😊

[@PopLll-lo9ot]

Can to make ememy shooting

[@TinyMaths]

Bro! Stop making these tutorials; you're making it very hard for me to resist starting yet another project that I really don't have time for 😆. But, joking apart, I'm lovin' this series. Your explanation of your thougth process makes this feel approachable to someone at my level (been at JS for about a year and a half now and have programmed some of the usual games, snake, tetris, solitaire etc). This could end up being one of those long term projects where I can use it as a springboard to my own games.

[@Frankslaboratory]

Well done if you manage to follow after only 1.5 year with JavaScript. You learn fast. If you understand everything in this class you can definitely get a junior web dev job already. It's not the simplest project. Yea I can see how this can be used as a base for multiple different games. What I might do eventually is to give it a completely different art style and theme.

[@DigitalCraftstodio]

Please create an enemy class that can shoot back to the player...I tried this but I failed...or tell me a tip that i can do it myself.

[@Frankslaboratory]

I did enemy that shoots back when its hit in the extended class on Udemy. I might get back to this project when I'm done with the current new game releasing this week

[@DigitalCraftstodio]

@@Frankslaboratory can't wait for your new project...thanks for everything that you teaching us

[@KingTMK]

Nice video, and I also want to say that it would be even shorter to write: context.fillStyle = this.player.cooldown ? 'red' : 'gold';

[@Frankslaboratory]

Good point, I like this syntax