How to build a Tile Set Map Editor using HTML Canvas

[@kochukrissten8533]

You are my god for creating html, css, and javascript games. I am starting to work on a rpg and this is EXACTLY what i need! Thank you!

[@blokche_dev]

You deserve much more subscribers and views. Thanks for sharing!

[@DrewConley]

Thanks! I'm just getting started with these, so hopefully things will ramp up.

[@melissahuerta8315]

I agree!

[@chrsian]

From codepen newsletter and I need myself more content like thiss! Keep up with the good work please.

[@DrewConley]

Thanks a ton! I have more videos on the way :)

[@lelebng]

This was so easy to follow! Thank you for making these videos! Trying to adapt what you did to make an avatar maker.

[@douglascounts4634]

Excellent tutorial! There is a lot of good content here and I wish to thank you for your presentation.

[@namaefumei]

So helpful! Thanks a lot!

[@mattmcnett2635]

Awesome! Would love to see a step by step tutorial of the basics of danger crew!

[@hachetrescomacatorce2340]

thanks a lot, for share you knowledge!!!!!!!!

[@ThePatarack]

Great tutorial as always! Could you do an isometric version? I am having a hard time finding any isometric tutorials for canvas.

[@maorzigel4231]

I Watched till the end and was very fun and simple! You really deserve much more subscribers and views like blokche_dev said... Your explanation is very good and comprehensible! I am looking forward to more of your vids... I myself have a dream to write my own game and someday it will happen and I am glad that you can help me with that... I stated my small channel that I write a game with web techs (Typescript, RxJs and Gsap (for animations)) and I wish it will also go well and ramp up... (it's in Hebrew...) I wish you lots of luck and continue what you are doing because I believe you have lots of talent and good attitude! I wish one day we can corporate with you to do something good! Never forget to have fun!

[@DrewConley]

We talked about this in Discord, but just wanted to reiterate here. Thanks a ton! Really appreciate you watching the video.

[@sertansantos3032]

Very nice one man

[@k.l7111]

Thank you, a nice tutorial

[@matthew_jw1318]

I am unable to get the image to load either as a url or locally. Is there anything obvious that might prevent this from working?

[@mookiecodes]

how hard would this be to change the tile size like a zoom in zoom out feature? And I would assume you could expand the "total" amount of tiles available, yielding bigger maps

[@stesproject]

This is very cool. What I would like to ask and understand is: what's the meaning of it? Can't you just use the tilemap editors already integrated in the various game engines? What are the pros? I'm naively asking it.

[@FirstLast-gk6lg]

I am stuck trying to edit this over to vue.js stuck on the event listeners and Const x,y = e.target.getBoundingClientRect() telling me cannot read target of undefined

[@ilug5197]

Prob you need to get the element ref

[@vinisaveg]

I was able to do a similar Tile Set Map Editor without the usage of Canvas, but the whole thing with elements like divs, imgs, spans and such... What do you think works best for a browser game like Pizza Legends?

[@DrewConley]

Honestly, the editor should be whatever works best for you as a content author. My personal editors are usually mostly DOM elements over a heavy canvas approach, but the final deliverable is just json data to the game 🤷‍♂️

[@TEHSOULREAPER]

I’m watching this on my break but I’m thinking if you wanted to use this for the pizza playlist you would make the tiles 16 instead of 32 but I couldn’t be wrong as I don’t have it in front of me haha