Bro, your tutorials are hands down the best on UA-cam! Thank you so much for sharing such valuable content. Your efforts are truly appreciated. Keep up the fantastic work, and may you be blessed abundantly!
I've always wondered, did you create the riff in your intro yourself seeing as theres nearly always a guitar in your videos? lol Enjoying your content - as the name suggests, you simplify everything and then highlights it's relevance with multiple practical examples!
Things are easy with position: absolute, but makes it fixed to certain screen size. And also setInterval has its own uses, certainly not good for this context but it has its uses where you want it to execute only after certain time limit Repeatedly, not at exact time but atleast after the given time.
actually I think in this case wouldn't be that bad to use,It would even allow a certain customization of the game,in fact using the setInteval you could run the gameLoop based on a frameRate variable you could establish
I have to ask, I'm learning coding, and I'm struggling with JS. I've spent rooughly a year learning it but very much on and off. I spent most of my time just watching tutorials on how to code, rather than building... What would you advise is the best thing to do now to get proficient with JS so I can start building for a position as a dev? I was thinking if I spend a week or 2 following along with build-alongs, then I try and build my own projects after that, as I need a kickstart to get me back into it.
Me: yeah another easy Flappy Bird Tutorial *20 minutes later* * various functions with complex calculations that I didn't know could be performed for divs 😱🤯
Question for you. I've noticed you and a few other developers that target elements in javascript using data attributes. Is this a performance thing or a personal preference thing?
Yeah, in this project I would have used an id for title and subtitle, and then referenced this ID when setting styles in CSS and retrieving the elements in JS. However, imagine a more complex app, with many HTML elements and many class names. You might start to have naming collisions between your class names for styling, and class names you use to select the elements in JS. By using a data attribute, you can separate these concerns and you can use classes purely for CSS selectors.
@@oliverhughes169 How is that any different than using a class name purely for a JS function, though? Which is why my question is asking if it helps with performance or if it's purely just personal preference.
@@scottborrowman If you're using libraries like Tailwind, or using a BEM naming convenion, it could become cumbersome to know which classes are for styling, and which for selectors in JS. This is the difference I'm trying to highlight in the original comment. There are probably otherst hat I am not aware of. As per performance, I don't think there is a difference.
20:50 I noticed you didn't put a "remove event listener" before adding the listener in the handleLose function. Does the one in handleStart account for that?
This event listener will only invoke the callback once (notice 'once' is 'true'). This negates the need to remove the event listener later, since it will only fire once and never again.
Hello kyle, Will you please reach us how to send custom email like you send us using nodemailer or alternatively Using custom email .. I have custom email to domain i purchase but i don't know how to configure and use that .. I search everywhere on internet but very different to under the actual . Will you please simplified that for us it really help .. Thank you ..🔥🔥
JS classes are just syntactic sugar, but it seems to be that modern JavaScript avoids classes (with the keyword) as much as possible. The React documentation even mentions this phenomenon.
Bro, your tutorials are hands down the best on UA-cam! Thank you so much for sharing such valuable content. Your efforts are truly appreciated. Keep up the fantastic work, and may you be blessed abundantly!
It’s incredible I can follow along on a tutorial everyone gets and break the thing before the first console log
bro yesterday, I presented a video game made by me as a final project of a bootcamp, your video would have helped me a lot a week before:'D
Do you know how to use some static images in a game like this?
damn... Kyle is a legit JS ninja these days :)
you language is very cleaner that i understand easily. thank you from Bangladesh
this man kyle not only a web dev he is also a game dev damn too flawless at coding
I've always wondered, did you create the riff in your intro yourself seeing as theres nearly always a guitar in your videos? lol Enjoying your content - as the name suggests, you simplify everything and then highlights it's relevance with multiple practical examples!
Average Js fan: uses the canvas api
Average Js enjoyer: uses vanilla Js and css
Canvas api is for chumps
Canvas is good performance wise.
Why you use data attributes instead of id?
You don't need to test collision over all pipes, just checking for the left most pipe is sufficient
I like your last name
Wrong title, it should read "How to recreate a multi-millions dollar idea in 40 minutes" ^-^
Dang. I need to step up my clickbait game.
Things are easy with position: absolute, but makes it fixed to certain screen size.
And also setInterval has its own uses, certainly not good for this context but it has its uses where you want it to execute only after certain time limit Repeatedly, not at exact time but atleast after the given time.
actually I think in this case wouldn't be that bad to use,It would even allow a certain customization of the game,in fact using the setInteval you could run the gameLoop based on a frameRate variable you could establish
Needed a project for an app I'm building with my team.
Think I found it!
Hes stealing it
I have to ask, I'm learning coding, and I'm struggling with JS. I've spent rooughly a year learning it but very much on and off. I spent most of my time just watching tutorials on how to code, rather than building... What would you advise is the best thing to do now to get proficient with JS so I can start building for a position as a dev? I was thinking if I spend a week or 2 following along with build-alongs, then I try and build my own projects after that, as I need a kickstart to get me back into it.
Me: yeah another easy Flappy Bird Tutorial
*20 minutes later*
* various functions with complex calculations that I didn't know could be performed for divs
😱🤯
Question for you. I've noticed you and a few other developers that target elements in javascript using data attributes. Is this a performance thing or a personal preference thing?
Yeah, in this project I would have used an id for title and subtitle, and then referenced this ID when setting styles in CSS and retrieving the elements in JS.
However, imagine a more complex app, with many HTML elements and many class names. You might start to have naming collisions between your class names for styling, and class names you use to select the elements in JS. By using a data attribute, you can separate these concerns and you can use classes purely for CSS selectors.
@@oliverhughes169 How is that any different than using a class name purely for a JS function, though? Which is why my question is asking if it helps with performance or if it's purely just personal preference.
@@scottborrowman If you're using libraries like Tailwind, or using a BEM naming convenion, it could become cumbersome to know which classes are for styling, and which for selectors in JS.
This is the difference I'm trying to highlight in the original comment. There are probably otherst hat I am not aware of.
As per performance, I don't think there is a difference.
Great stuff!
20:50 I noticed you didn't put a "remove event listener" before adding the listener in the handleLose function. Does the one in handleStart account for that?
This event listener will only invoke the callback once (notice 'once' is 'true'). This negates the need to remove the event listener later, since it will only fire once and never again.
@@oliverhughes169 Ok cool, that makes sense. Thank you for your input :p
nice tutorial, thanks for sharing.
Hi Kyle, maybe some time you'll show us your Jackson guitar playing :)
I Had Created This Myself IN 5 Minutes, I Am 4 year Experience Programmer. 😊 👍 ❤️
may be u use python
congratulations!, now make a video about it!
I can just say i made one in 5 minutes, ive been programming for 25 years
@@juancamacho479 😂😂😂😂
I created this myself in 1 second, I am a gazillion years experience programmer 👍
@@genechristiansomoza4931 yes you are 😂
i did not get the logic of timeSinceLastjump , anyone can can help?
Would it not be much simpler to use canvas here? :D this is rly helpful though, have been using setInterval until now
UA-cam #RETURNDISLIKE
Can you please do a tutorial for RxJs and a practical useful project using the same
wouldn't it be better to use the canvas API instead of css?
Im a beginner. how do i export the game and send to friends for them to play as well?
real js king
Good, but use semicolons. I am creeping when looking this code without semicolons :D
How do I use my own images in a game like this?
Hi!
My pipes are invisible i did all codes right.
any1 having same issue?
Hello kyle,
Will you please reach us how to send custom email like you send us using nodemailer or alternatively
Using custom email ..
I have custom email to domain i purchase but i don't know how to configure and use that ..
I search everywhere on internet but very different to under the actual .
Will you please simplified that for us it really help ..
Thank you ..🔥🔥
love you bro
"Caution: content here is not for beginners or middle tier devs"
I Am Creating A Instagram Clone Do You Want Video ON That. Please Comment. 😊 👍 ❤️
createPipeSegment, can anyone please explain this method??
Amazing game 🎮 first comment and first like
@Obes Studios first
Please make tutorial on the sprite animation too
Awesome Game
Legends still looking for real meaning of "SIMPLE" in oxford book 📖
Sir Can i do CSR + SSR in Angular in one project?
great job man but it is littile confusing 😅
I had actually made a clone myself and added a little bit more style o it, but UA-cam unfortunately won't let me post the Link to it 😭😭😭
BIRDer-radius haha
What i expected
Why do you call your bird and pipe "classes" when you don't even use the class command to create a class?
JS classes are just syntactic sugar, but it seems to be that modern JavaScript avoids classes (with the keyword) as much as possible. The React documentation even mentions this phenomenon.
@@TokyoXtreme Ahh ok. thanks - I come from a C# background so find it very strange with JS.
Every function you are calling and if it returns 'this' from inside of function. or you call var s = new myFunc();
You are creating a class instance.
slowly please
You can change the playback speed to make it slower
1000 ms / 7 ms ~ 144 fps
Sorry sir very difficult 😭😭 to understand
UA-cam #RETURNDISLIKE
first is me )
This Game IS Lol 😂😂😂😂😂😂