Code Space Invaders in Javascript HTML CSS

In this tutorial, you will learn how to code space invaders in javascript, html, css. We will use html canvas to build the space invaders. Also, by the end of this video, you will learn how to load images on the canvas, move the ship, shoot bullets, detect collisions, generate enemies, and keep player score.

Java Game Programming Projects Playlist:

JavaScript Game Programming Projects Playlist:

Subscribe for more coding tutorials 😄!

[draque]

this voice is so chill that I wanna code just hearing it. big thanks from France

[kman]

Love your tutorials and how you explain the logic behind the math in paint, awesome man!

[BryanChance]

At at 18:57, line 30 let alienHeight = tileSize . The cursor is hiding part of the i in Size. I thought it's some dirt on my screen. It's on other places too. LOL
Great video....

[hapikus]

Thanks a lot, it is amazing, very helpful! With this voice u can easy be ASMR full time streamer.

[NZx]

Your coding tutorials are just amazing 👏

[TalRimoni]

This looks amazing, love your tutorials!

[ceceliabraswell]

Has anyone added a "start game" button? I am attempting to, but I am having trouble figuring out what specific code to move to my add event listener that listens out for a click on the button. I have been moving code from the window.onload function, but I have game play issues with anything that I move. Any feedback on how you made a play button work would be great.

[saketha]

Bro..your projects are amazing but what I feel is add an ending also to the project, it will be very helpful, ending in the sense like a popup like game over or your score is so and so..anyways thank you so much for your efforts

[PAKISTAN_GAMER]

Can i add animated space ship or animated alien ship? If yes then how can i do that?

[ellis-prhh]

i have one question, we could have used board height and width for positioning of bullets or cannon etc..? cause you know in the 2 tutorials that i've watched of yours u used board height and width for setup

[sanskrutipatil]

Which packages or extensions you've downloaded...plz reply...Ship and aliens are not appearing also live server is not working plz help

[LuisHernandez-sovu]

Amazing!, one thing I am confused about is:
ship.x - shipVelocityX >= 0)

ship.x + shipVelocityX + shipWidth <= board.width

This is to move the ship to left and right and avoiding to fall from the board

how does that work?

[bravefart]

How can I add audio? Thanks in advance.
Sussed it out man. Keep up the good vids 👍

[theresidentotaku]

At 12:33 my ship does not appear, why is this?

[duckod]

Love this but the score isn't showing even tho i did ot correctly

[javiermollar]

I followed the instructions step by step and at minute 16 when I want to move the ship with left arrow or right arrow it doesn't respond... it's in the same place...

[Deaddevil]

u web amaizing man i didnt have time to check eyery thing but i did check check some of the :({}

[UjiroIsrael-ukny]

None of what u said worked at all in my code

[developing_pain]

Started 25/04/2023 completed 04/30/2023