I have recently crossed my 30s and my life is very far from sorted, yet I am not giving up. These structured free videos give me hope and strength.
For everyone who is seeing this, if you want to practice your object oriented programming skills, this tutorial is really really good for that!
JavaScript is love! You can literally do almost anything you think about with it from web apps to mobile, desktop apps, iot, game development...
3 lessons in, after a miserably failed attempt a few years ago with Sprite sheets where I got completely lost halfway thru someone else's tutorial, so far every single thing here has worked and even though I don't fully understand 100% yet what everything is doing, you explain it in a way where I will get there as my knowledge grows. Thank you so much, this course is so fun!
1 hour in and the this keyword has been completely demystified!! Your one sentence did more to explain 'this' than other complete videos I've watched.
This video came at the right time, I've been curious about game development
Just finished the course from beginning to end. Had a blast the entire way through! This was a really fun way to learn some new stuff in JavaScript. Gonna take what I learned here and build a 2D game for my portfolio! Keep it up my friend and keep making great content! Thanks <3
I just got myself something cool to do on this weekend 😁😁😁 thanks for sharing your knowledge with us!
There's my weekend gone 😂. I've been re-learning vanilla JavaScript, following a short period of learning it on a full-stack course. Being interested in game development also, this has come right at the right time. Thank you Frank and thank you FCC.
At 5:09:55 the gap you see is a background defect (if you merge two backgrounds horizontally in Photoshop you will see the same gap due to the one pixel wide empty column on the left side of the image). So, when you try to compensate for this gap by subtracting the speed value, you shift the second background in such a way that it does not match the first one in the picture. So to get rid of this gap you just have to compensate 1px regardless of speed. And your background will move perfect an any speed. The only thing you have to do - is to compensate the same 1px when sliding background to the start position to avoid background jerking: draw(context) { context.drawImage(this.image, this.x, this.y, this.width, this.height); context.drawImage( this.image, this.x + this.width - 1, <<----- compensate 1px when merging this.y, this.width, this.height ); } update() { this.x -= this.speed; if (this.x < 0 - this.width + 1) this.x = 0; <<------ compensate 1px when sliding back to the start position }
I'm a front-end web developer! Soon as he said it I took that as a sign! I'm on the right path!
For me, this has been the definitive course on how to create a 2d game with Javascript. I have used Unity to make my 2D games, but I never like it. I found Unity games too heavy with many unnecessary libraries and features that I never use in my games. So I took the initiative to rewrite one of my simples games in Javascript, and this tutorial is the perfect place to start working with
I've been using Javascript since the year after it came out, but never ever had this much fun with it. Thanks!
I love how he goes silent once in a while to give us a little time to think and understand what he just explained without having to pause the video.
Unbelievable, The law of attraction really works.I was looking forward to learning javascript game development so I can apply at tech with Tim's startup company. Then outta nowhere fcc posts.
I knew from thumbnail , it's frank's game video in js. Because no one can teach such game in js in whole YouTube community 🙏 .
Solution to last problem in second Project (Parallax Background ) Problem: on changing slider background moves at some other position. Solution: Do not use global variable gameFrame. Refactor code of update method in Layer class like below: update(){ this.speed = gameSpeed * this.speedModifier; // if(this.x <= -this.width){ // this.x = 0; // } this.x = Math.floor(this.x - this.speed) % this.width; //this works fine //only two lines needed in update method } Thankyou @Franks laboratory
Jeez, over 200k views in 7days. I will start this course in a week. Has to be the best out there for JavaScript developers cos building games is a surefire way to fast-pace your JavaScript skills not to mention how wonderful these games are, they'll really be great for portfolios
I hope to become the Best JavaScript Developer and most Important in the world of tech and programming and problem solving.
@Frankslaboratory