Code Space Invaders in JavaScript!

Поділитися
Вставка
  • Опубліковано 11 вер 2024
  • Found this hard? Learn the fundamentals of JavaScript here: www.codewithan...
    🚀 Sign up to www.codewithan... to receive access for the final code.
    ____
    ⭐ Check out my IDE here and get 1 month free: jb.gg/get_webs...
    ⭐ New to code and none of this is making sense? Watch my '12hr+ UA-cam Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
    ⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here (I get no commission from this link, but am in a partnership): bit.ly/tabnine-...
    ⭐ You can get a blockchain domain with my affiliate link here: bit.ly/get-a-cr...
    ⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoff...
    ⭐ Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
    You can also find me on:
    Twitter: / ania_kubow
    Instagram: / aniakubow

КОМЕНТАРІ • 50

  • @MrBrady95
    @MrBrady95 7 місяців тому

    Thanks for the tutorial! Love the clarification, such as how the the grid array works, and what modulo is by demonstrating it in the shooters movement for example. Great!

  • @ghghvfugx_gh35
    @ghghvfugx_gh35 7 місяців тому +2

    I always follow you . Because you give me energy for learning . Thanks so much

  • @kamertonaudiophileplayer847
    @kamertonaudiophileplayer847 7 місяців тому +1

    A great guide as usual. BTW, you do not need to specify a class anymore, you can say that CSS attributes are related to first DIV and end here. Same is for H1 and other tags.

  • @Me-sz7yy
    @Me-sz7yy 7 місяців тому +1

    I love your projects Ania, and your name too, cheers!!! 😃

  • @thenobody9188
    @thenobody9188 6 місяців тому

    Thanks for this one! Got my game up and running. Keep it up!

  • @user-fk6xt8sw7x
    @user-fk6xt8sw7x 6 місяців тому

    Good tutorial, makes me think why you're doing each step.

  • @braveitor
    @braveitor 7 місяців тому

    Nice work. You forgot to check whether the laser has reached the top part of the game screen.

  • @RAVISHARMA-hk5ll
    @RAVISHARMA-hk5ll 7 місяців тому

    Thanks Ania , this another amazing learning from you , respectfully grand solute to you.

  • @dajac
    @dajac 6 місяців тому

    This was great! So concise. I love it.

  • @jamblob3208
    @jamblob3208 2 місяці тому

    I tried this and the pc would not even let me have a div with any style. What kind of server stalking is that. Okay it is sorted but a really weird block that depends upon matching my content with something or other. I started with flex but perhaps it knew I was on your lesson. I was only approximately doing it so had flex straight away and dropping that allowed it to kick back in. However that is a very basic rule being broken and does concern me that my permissions are always out of my hands and I cannot know that anything gets out there.

  • @Smurfis
    @Smurfis 4 місяці тому

    This was my absolute favourite game.

  • @tit162-tiwarianurag2
    @tit162-tiwarianurag2 7 місяців тому +1

    Great want more such contents

  • @DanTheCoder
    @DanTheCoder 7 місяців тому

    Yeahy you brought it back, thank you

  • @DeltaXML_Ltd
    @DeltaXML_Ltd 6 місяців тому

    Interesting topic to cover!

  • @rahulmathew8713
    @rahulmathew8713 5 місяців тому

    Awesome Tutorial.

  • @Antiorganizer
    @Antiorganizer 7 місяців тому +2

    Prediction: all the aliens all move at the same time. It's not how they supposed to move! One alien is supposed to move at the time. Just that the time between one alien moving and the next one, is really short. The result is that the less aliens you have, the less time it takes to cycle through them all. That's why it speeds up. But almost every space invaders implementation does it wrong. They almost all make all the aliens move all at once. I bet Ania will make the same mistake. Right Ania? Or perhaps because you see my comment here, you are going to do it correctly.

    • @lordlogan3308
      @lordlogan3308 7 місяців тому

      when u upload vids , means is already done, no-one will re create video again cause u are such a moron.

  • @Artavazd.kirakosyan
    @Artavazd.kirakosyan 7 місяців тому

    thanks for this tutorial, btw, what extension are you using that periodically suggest some piece of code?

  • @user-vn2nx1yq9e
    @user-vn2nx1yq9e 7 місяців тому +5

    bad idea to use css rather than canvas

    • @aniakubow
      @aniakubow  7 місяців тому +13

      It teaches better javascript fundamentals :)

    • @tit162-tiwarianurag2
      @tit162-tiwarianurag2 7 місяців тому

      Fuck u man she is making things easy for us

    • @diegomeza2736
      @diegomeza2736 6 місяців тому

      Why is a bad idea? 🤔

  • @david-wk5ph
    @david-wk5ph 7 місяців тому

    Thank you Ania❤ can you please share the full source code?

  • @mohammadmeraj40
    @mohammadmeraj40 7 місяців тому

    hello Ania.. can u help me about this game? how can assignment arrow symbol icons for move player character with javascript? that is good game but I want set arrow symbol icons on this game..

  • @Vagabundo96
    @Vagabundo96 6 місяців тому

    my shooter just disappears whenever I move and my aliens didn't even show up 🤣

  • @micanal5533
    @micanal5533 7 місяців тому

    Cool! Programing Video games No?

  • @flyflor599
    @flyflor599 7 місяців тому

    funny lesson thx!

  • @FernandoZucula
    @FernandoZucula 7 місяців тому

    Wich addon are you using to help you on the snippets?

    • @johnacsyen
      @johnacsyen 7 місяців тому

      It’s tabnine. See bottom right of editor

  • @elyfawaz964
    @elyfawaz964 7 місяців тому

    Will this help if i want to develop my skills in JavaScript?( Im still a beginner)

  • @petrik_petrik
    @petrik_petrik 7 місяців тому +1

    Find 3 difference 😁🐉

  • @asimhero2057
    @asimhero2057 7 місяців тому

    Code with kitty ❤

  • @likandokayombo
    @likandokayombo 7 місяців тому

    Waiting

  • @Woadocean
    @Woadocean 7 місяців тому

    👾

  • @PySnek
    @PySnek 7 місяців тому

    is she ever going to use python?

  • @nicolewolfeceo
    @nicolewolfeceo 7 місяців тому +1

    Are you on Instagram 😍

  • @vickito
    @vickito 7 місяців тому

  • @fernandoorozco8754
    @fernandoorozco8754 7 місяців тому

    I have to be honest, as soon as I see her face, my day lights up.

  • @VoloInTech
    @VoloInTech 7 місяців тому

    👍👋

  • @alexandreoliveira5712
    @alexandreoliveira5712 5 місяців тому

    @Ania Kubow have ever anyone said that you have almost the same voice as Sadia Khan? ua-cam.com/users/shortsnyMgmsisrd0

    • @aniakubow
      @aniakubow  5 місяців тому

      Ah that’s a new one!

  • @DudicalMcNikejordanairre-sj5hj
    @DudicalMcNikejordanairre-sj5hj 7 місяців тому

    What a total babe

  • @HappyFieldHockey-ei1zc
    @HappyFieldHockey-ei1zc 7 місяців тому

    How to make keyboard hacked in javascript

  • @julitobios
    @julitobios 7 місяців тому