Tile Map Canvas JavaScript 

2d arrays would make this easier

Great video! Although I would like to see more advance concepts/terms throw into the mix. Such as functional/OOL style programming, elaborating on methods you used (e.g you used anonymous functions), if the "window.requestAnimationFrame" is asynchronous or not... Another tip when you were copy/pasting the map rows, instead use "Alt"+"Shift"+Down ... Keep the vids coming, chuck!

On line 35 you should multiply with gridCols and not gridRows. It happens to work in your example because gridRows and gridCols are both 10.

The best video. Thanks.

nice vid though i wonder why you didnt use a object oriented way using: function Tile(x,y,width,height){ this.x = x; this.y = y; this.width = width; this.height = height; this.arr = [...]; this.draw = function(){ loopThroughtArr(this.arr); } }

Thanks🤓.

💖💖💖💖

cool

Are you thinking about building a RPG game something like pokemon on canvas?