No video

JavaScript RETRO Games: Super Weapons

  Рет қаралды 5,249

Franks laboratory

Franks laboratory

Күн бұрын

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/...
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/...
www.udemy.com/...
www.udemy.com/...
www.udemy.com/...
www.udemy.com/...
www.udemy.com/...
www.udemy.com/...
Get Skillshare FREE for 1 month: ‍🎓
www.skillshare...
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

Пікірлер: 49
@Frankslaboratory
@Frankslaboratory 11 ай бұрын
🚀 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
@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
@javifontalva7752 Жыл бұрын
I think you could enemy shoot to spice it up a bit.
@LouisChang-le7xo
@LouisChang-le7xo 11 ай бұрын
And a few more features(in my extended comment that is only a bit long)
@IrynaAbrosimova
@IrynaAbrosimova 6 ай бұрын
wow, when I watch your tutorial everything is so easy, but it's a huge knowledge, thanks
@zohaibqurban7386
@zohaibqurban7386 Жыл бұрын
your channel is amazing
@suelingsusu1339
@suelingsusu1339 9 ай бұрын
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
@LouisChang-le7xo 11 ай бұрын
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
@zohaibqurban7386
@zohaibqurban7386 Жыл бұрын
I love your tutorial ....
@klaceekoolstra2658
@klaceekoolstra2658 Жыл бұрын
Magically ‼this 🌼😄
@Frankslaboratory
@Frankslaboratory Жыл бұрын
Thank you 🌼
@vitorcorbani4713
@vitorcorbani4713 4 ай бұрын
This channel is so good, i learned so many things with these videos, thanks!
@Frankslaboratory
@Frankslaboratory 3 ай бұрын
Thanks Vitor
@M4rt1nX
@M4rt1nX Жыл бұрын
Yes, thanks a lot for implementing our suggestions Frank. Just intime for the weekend, perfect 👌.
@Frankslaboratory
@Frankslaboratory 11 ай бұрын
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 :)
@javifontalva7752
@javifontalva7752 Жыл бұрын
Yesssssss🎉🎉🎉. Get to the choppa!
@Frankslaboratory
@Frankslaboratory Жыл бұрын
Hahaha, exactly :D
@AZHARakaGoat
@AZHARakaGoat 11 ай бұрын
Good
@appnexx1263
@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
@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.
@gflaap
@gflaap Жыл бұрын
Great Great Great!!! you are really awesome! Thank you so much for That content!
@Frankslaboratory
@Frankslaboratory Жыл бұрын
People seem to like this project, happy to see that, thank you for letting me know :D
@CristianParolo
@CristianParolo 7 ай бұрын
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
@Frankslaboratory 7 ай бұрын
Hi Cristian, thank you, very kind to say. Glad you found some value
@rrahll
@rrahll Жыл бұрын
Thanks Frank! Awesome as always!
@Frankslaboratory
@Frankslaboratory Жыл бұрын
I'm here to help ! :)
@gambomaster
@gambomaster Жыл бұрын
This is one of a kind channel. Thanks. 🙏
@Frankslaboratory
@Frankslaboratory Жыл бұрын
Very kind of you to say
@DeepakMeena-uj9fs
@DeepakMeena-uj9fs Жыл бұрын
thanks for providing wonderful tutorials...keep doing awesome 👍👏
@Frankslaboratory
@Frankslaboratory Жыл бұрын
Hi Deepak, thank you 💪
@urax5341
@urax5341 Жыл бұрын
I love your videos !!!!
@Frankslaboratory
@Frankslaboratory Жыл бұрын
Glad you found some value!
@urax5341
@urax5341 Жыл бұрын
@@Frankslaboratory Been watching you for more than a year, I know what I am saying haha
@danielmelo389
@danielmelo389 Жыл бұрын
Thanks a lot for your videos, they are amazing and inspiring.
@Frankslaboratory
@Frankslaboratory Жыл бұрын
Hi Daniel, thank you for letting me know, happy to read this comment!
@onuberonly7846
@onuberonly7846 11 ай бұрын
Wonderfull tutorial I lear a lot - I made the game mobile touch friendly so it works on my smart phone
@Frankslaboratory
@Frankslaboratory 11 ай бұрын
Nice, well done, happy to hear you were able to expand the codebase with your own stuff
@Push_ups__
@Push_ups__ 2 ай бұрын
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
@PopLll-lo9ot Жыл бұрын
Can to make ememy shooting
@TinyMaths
@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
@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.
@bartdemeyere
@bartdemeyere Жыл бұрын
How do you make those images and background?
@DigitalCraftstodio
@DigitalCraftstodio 10 ай бұрын
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
@Frankslaboratory 10 ай бұрын
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
@DigitalCraftstodio 10 ай бұрын
@@Frankslaboratory can't wait for your new project...thanks for everything that you teaching us
@KingTMK
@KingTMK 11 ай бұрын
Nice video, and I also want to say that it would be even shorter to write: context.fillStyle = this.player.cooldown ? 'red' : 'gold';
@Frankslaboratory
@Frankslaboratory 11 ай бұрын
Good point, I like this syntax
JavaScript Game Tutorial: Planet Defense
1:53:17
Franks laboratory
Рет қаралды 11 М.
JavaScript RETRO Games: Boss Battles
27:27
Franks laboratory
Рет қаралды 4,4 М.
Challenge matching picture with Alfredo Larin family! 😁
00:21
BigSchool
Рет қаралды 40 МЛН
Joker can't swim!#joker #shorts
00:46
Untitled Joker
Рет қаралды 39 МЛН
Kind Waiter's Gesture to Homeless Boy #shorts
00:32
I migliori trucchetti di Fabiosa
Рет қаралды 11 МЛН
Parallax in JavaScript Games
43:42
Franks laboratory
Рет қаралды 48 М.
Advanced Web Animation with Canvas [  1st lesson ]
14:46
Web Animation [Javascript, SVG,CSS, Canvas, GSAP]
Рет қаралды 405
Grid-based Games (JavaScript tutorial)
36:10
Franks laboratory
Рет қаралды 4,8 М.
Character Motion & Animation in 2D Games
43:06
Franks laboratory
Рет қаралды 8 М.
Pixel Art RPG Maker with JavaScript
1:35:59
Franks laboratory
Рет қаралды 19 М.
JavaScript Sprite Animation
34:11
Franks laboratory
Рет қаралды 67 М.
Challenge matching picture with Alfredo Larin family! 😁
00:21
BigSchool
Рет қаралды 40 МЛН