@Frankslaboratory question how would you go about optimizing the tilemaps? Is there any way to optimize them? draw them using open gl? use chunk system? is or make biger tile precomponents? that are created from multiple tiles? so its drawn as 1 bigger image? what i mean is does canvas reduce draw calls by drawing all the tilles at the same time as single draw call? Another idea i am thinking about is it possible to create a tile map editor that after the map is done for example 100x 100 tile maps, into 10 chunks. and those chunks are saved as seperate images insted so only 10x 10 biger tiles would be loaded? would that be more efficient? or is it better to load more but less weighty tiles then , less but heavier tile chunks? I am thinking about multilayer tiles for more details, optimization apperoches are welcome :) any advice? :D

Why you don't call continue after the first splice? This jumps directly to the next for-iteration, or do I miss some reason for that!? Guess your bubbles are blinking by changing it's index caused by splice. As I could see not all bubbles we're blinking, that's why I think this could be the reason! But to be honest I can't guarantee!

I've been following along just fine until about 15:50. I can't seem to get the circle to appear at all after this, let alone on mouse click. Here is the portion of code that may be the problem: const mouse = { x: null, y: null, } canvas.addEventListener('click', function(event){ mouse.x = event.x; mouse.y = event.y; drawCircle(); }); function.drawCircle(){ ctx.fillStyle = 'blue'; ctx.strokeStyle = 'red'; ctx.lineWidth = 5; ctx.beginPath(); ctx.arc(mouse.x, mouse.y, 50, 0, Math.PI * 2); ctx.stroke(); ctx.fill(); } drawCircle(); Can someone please help?

This was very helpful for me to get used to object oriented style programming in JS and using canvas, thank you!

IIIIIIIIIIIIIIIIIIIIII DDDDDIIIIIIIIIIIIIDDDDDDDDDD IIIIIIIITTTTTTTTTTTTTTTTT!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Thank you I learn a lot from this video.🙌🙏✨

Thank you for sharing

Thank you for sharing

Your tutorial are incredible

Большое спасибо. Супер

Thanks for the tutorial, learned a lot

Your tutorials are amazing 👏

Great motivation intro 💪💪💪💪, thank you.

Great video, thanks a lot

Amazing tutorial, thank you for sharing

I was analyzing the flow field to see how the angles were changing. I noticed that if there is a cell that has color anywhere but the top, leftmost pixel, that cell is assigned the default direction. I looked more closely at the code and discovered that it is because that is the only pixel in that cell that is used to calculate the grayscale value. If it has no color, the grayscale will be 0, thus the angle is 0. Did you look at an alternate method where you use the color pixels across the entire cell, somehow combining them to give a better result and not muddy the value integrating across every pixel?

Great video, thanks a lot

16.6 in timer for me

Please, great programmer. If you design. We have an application like Microsoft Word, but we want text control algorithms and a lot of operations on the text, and I trust your abilities

Thanks for the great videos much appreciated

this is a mesmerising tutorial ty

ctx.drawImage(backgroundLayer4, x, 0); ctx.drawImage(backgroundLayer4, 2400 + x, 0); x -= gameSpeed; if (x <= -2400) { x = x + 2024; } Is this correct?

fantastic lesson! Thank you so much!

thanks for teaching me sir, i am from india

bro you are amazing❤❤❤

Your the best bro i hope you being successful in the future❤❤❤❤❤

I feel like I have found a treasure of extraordinary knowledge

Great video! It taught me a lot I can use to make my own game

Great tutorial looking forward to part 3.

Thank you so much brother ❤❤❤❤

51:09 53:01 54:30 56:12

Amazing

Thanks, it was cool project, you explain everything step by step . we slowly progress towards final version .❤

Thank you. Very cool. Can you explain why you set j = i in the inner for loop, instead of j = 0? I tried both and couldn't see a difference.

What series a beginner like me should follow? I am new to CSS, HTML5 and JavaScript. Thanks a lot for your creative efforts!

All these tutorials make it sound like if you just learn a little bit of web development you’ll get a 100k a year job! Not the reality.. at all. I earned honor roll twice for computer science in college. I’ve applied to SO many entry level tech jobs. Can’t even get a call back or interview.. it’s a lot harder then they make it sound

29:00 convertToSymbol(g) just looks like pain to me. why isnt there a list and g as index?

This might be the greatest programming channel I've ever found. Awesome and original stuff. Not easy, serious props man.

Шикарные уроки просто. Уважаю профессионала, который любит, то что делает. Продолжай!

I've used Unity alot years ago. any reason you switching to unity from js ? I tot making 2d games in js is more fun.

Thank you very much for creating this video. I have followed along and learnt a lot. The collisions don't show for long enough and so I'll take that as some homework. As an idea of what else to demonstrate it would be nice to recreate something like Doom. It has levels, WAD files, music and more. Also, how about some webgl2 and compare it with canvas2d?

is it possible to make the text of the ASCII art a premade text? like, say, a poem? that repeats when it ends...?

Hi, this was a great tutorial and I really appreciate you putting it out. I tried opening my index.html file on chrome and kept getting error code 5 (something went wrong while displaying the webpage). Have you or anyone else in the comments had this issue? Not sure if it would be a mistake on my part in the code or if my computer just can't load it.

Yesss I did It

What a gem I found thank you sir :)

Does anyone know any communities or teams for game dev with js. Using phaser or just JavaScript? Would love to learn beside them 🎉

Hey dude I want a tutorial to recreate fnf please I need help😅

Please make videos on canvas in android development using Java/Kotlin

Is this the same as the p5 library??