1 hour 2D Breakout in JavaScript!

[@MrBrady95]

Cool, thanks for putting the fun in function! And since we're on a fun kick: @33:00 //check for wall hits ... is what I do on the cat track ... when I'm riding on my snow board! Cheers!

[@jdabbasi990]

The real Daenerys Targaryen our teacher!

[@rajunaidu7751]

Ania Kubow Forever

[@haythem5101]

Many thanks for this lesson! as always useful and clear!

[@AndreColon]

Thank you , this was fun - I am excited to jump on the next 1 hour app in JS. Well Done!

[@Kenbomp]

Some ultra name refactor needed but for the scope it liveable

[@RAVISHARMA-hk5ll]

hello, I watch again this wonderful js work because it's game + fun - thanks

[@RAVISHARMA-hk5ll]

Thanks Ania , this is my favourite game , thanks for sharing it's wonderful js flow .

[@aniakubow]

Aw thank you!

[@jamesp9823]

Thanks for this. Currently refreshing my JavaScript skills and this helps a lot.
I would recommend using "Extract Variables" or "Introduce Explaining Variables" to make the code more readable.

[@aniakubow]

Thanks so much for watching 🤗🤗🤗

[@ahmad-murery]

Nice little game Ania
I like making such games when teaching Young people, it keeps them engaged and having fun at the same time.
about 2 years ago I taught a 12y/o kid the fundamentals of frontend development and for the final project he was able to build a similar game (with some advanced features) and I really didn't expect he can understand all concepts, anyway, I think he was smarter than me😎.
Thanks!

[@jakubfrei3757]

I did this a while ago, was fun

[@zughbor]

Hi Ánia I love your videos, can you teach us theThree.js please ❤

[@VADC-dev]

0% boring
She is definitely a good teacher

[@toby9999]

I created breakout 40 years ago using assember on C64. Can't get my head around JS, though.

[@tanguy_chenier]

Thanks for this.

[@hilmanzaki2842]

You are absolutley amazing and beautiful keep it up 🙌

[@Romcikkas]

Hello.Good job, done the same with react, added change ball speed functionality.
Also instead of blocks array, I create function for blocks drawing:
const numRows = 3;
const numBlocksInRow = 5;
const blocks = Array(numRows)
.fill()
.map((_, rowIndex) => {
return Array(numBlocksInRow)
.fill()
.map((_, blockInRowIndex) => {
const xAxis = 10 + blockInRowIndex * (blockWidth + 10);
const yAxis = 270 - rowIndex * (blockHeight + 10);
return new Block(xAxis, yAxis);
});
})
.flat();

[@aniakubow]

Thanks for sharing!

[@VADC-dev]

How it's says some comments are 2 days older while this posted just a 46 minutes ago?

[@anresu3031]

I just watched an ad for Candy Crush and the person narrating it had a voice nearly identical to yours. Did you ever work with King?

[@aniakubow]

That’s so cool! I did not sadly :)

[@TheMetalMag]

thank you

[@youknowitItsTecH]

Thank you Mother of dragon 🐲🐉 really it's nice video❤

[@aniakubow]

🐉

[@mojaffarahamed437]

Are real or ai generated a model?

[@rajunaidu7751]

Space invaders meets pong

[@thunde7226]

awesome....................................KUbow..................................great video...................;) bye

[@Fogaca135]

Love it! thx.

[@aniakubow]

:)

[@carloanimationTV]

well, you look pretty on the thumbnail by the way...

[@NK-rm7kc]

No, it looks idiotic. Sorry. What’s that expression called? blowjobreadiness? Inappropriate.

[@abhisheksingh-ck7wp]

I am a model developer, you are a model and developer❤

[@JohnDoe-df8bj]

First

[@minvac7784]

You still so beautiful and what you do

[@asimhero2057]

Code with kitty

[@SunnyPsychosis13]

Maybe we should do yoga together..?.

[@SunnyPsychosis13]

Medieval Yoga

[@w-justice7526]

two

[@w-justice7526]

thirst

[@YositokuTukukita]

When will we have an 0nly-Fans channel of you? =)

[@_travis5957]

I hope you're not being disrespectful

[@moseskiprono8594]

Hello @ania_kubow, with the launch of Devin, do I as a developer have a future?

[@hafezmustafa9530]

Thank you