Coding Math: Episode 41 - Isometric 3D Part I

[@sgruhier]

Thanks a lot for your videos! That was a huge help for me. I'm building a mobile game for my daughter and without your channel, it would have been much more difficult for me. 🙏

[@ghostlordgaming3787]

Hey Coding Math, your Isometric videos were a huge help for me. Thank you so much for teaching how to live between dimensions!

[@medhavimonish41]

YOU SIR , ARE THE BEST. I have been searching for this for a long time.

[@peterfarrell66]

Brilliant explanation of the reasoning behind using "ugly numbers." Nice cube world.

[@LuRybz]

This channel is a precious thing for me. Thank you for sharing your knowledge.

[@flameprincess7313]

I love your isometric videos, thank you! :D

[@mrbendel]

Fascinating. Loved the part learning about why it's really diametric and not isometric.

[@XxXKobalXxX]

Immediate subscription, incredible video, planning on watching the rest of the series. You deserve many more views than you have. thank you for the video. Looking forward to the rest.

[@lucaug10]

First episode on this series and I already love it.

[@gummifer]

Super inspiring as always!

[@naraksama3903]

Link used in the video for the tileset: www.deviantart.com/spasquini/art/Isometric-new-tiles-274882986

[@MasterOfMisc]

This video is AMAZING!!!!

[@FPChris]

Excellent video. Thank you.

[@mreazl6227]

Isometric's reverse is Inotsometric

[@thegeneralunderstanding6060]

Haha

[@jontis96]

Will we be seeing any videos on isometric hitdetection? When all tiles share the same Z value it's pretty straight forward to calculate what tile the mouse is over. Would love to see a video when that is not the case, when you have to account for tile depth. Great video, thank you!

[@codingmath]

Jontis_00 Well, I'll be doing some character movement in isometric in the next video. That might solve some of that.

[@jontis96]

Looking forward to it :)

[@return75]

perfect, perfect, awesome

[@prashanthkumar0]

great ..👍👍

[@tahameron9155]

Exactly what I was looking for ! Thanks a lot .

[@lightningshark67]

I'm not sure if you still read comments here. But I followed this tutorial, and my code is exactly the same as yours. (Since I couldn't find the error and so just copied the github code) and my tilemap is generated all glitched and cut off?

[@kevnar]

Civ 2, reborn!

[@AkioJunichiro]

(Sorry for my English I will try to be understandable ) The image drawing function doesn't work for me. The tiles are cut and doesn't display like yours however I have the same code and the same tileset. I try to change tileWidth and tileHeight but it doesn't work. Do you know how to resolve it ? Thanks for your work.

[@KeithPeters]

It looks like the image has changed. The tiles are smaller and there is a 2 pixel border on the left. Try tileWidth = 56. Then in the drawImageTile function, use this for the second argument to context.drawImage: 2 + index * tileWidth That compensates for the 2 pixel margin.

[@AkioJunichiro]

It works thank you so much

[@notSoAnonyymus]

Holy shit this was gold!

[@fyrofux]

Hello :) Nice video, it helped me understand diametric vs isometric, thanks !

[@johnpage4853]

Awesome :D so easy compared to linear perspective 3D stuff

[@dreamsgambit]

Awesome!

[@shekhawat5917]

which lib ?

[@jellohunter7981]

Thanks

[@muhammadyarkqub6920]

:D Nice tutorial...

[@mf2810]

This is excellent - thanks

[@leonli5067]

Thank you very very much!!!

[@indoxperia]

this video is very useful for me.

[@lucasmachain]

Sublime

[@danigolmestre]

Thank you!!!

[@lucasmachain]

can you teach us raycasting?

[@KeithPeters]

Lucas Machain never done it. but maybe at some point. not sure how feasible it will be in JS.

[@xshad3x348]

Keith Peters i think that for the raycasting you don't need to make a video, cause the line intersection video teach that, right? if im not wrong, when the line intersect with a point, that is the "hit point" for the collision. i hope this make sense, btw, love your channel!! im learning a lot! :)

[@KevinTan]

this is what we need in life haha

[@identifinity333]

I can barely understand it :/

[@supertren]

The explanation of the code is very bad!

[@KeithPeters]

+supertren supertren I'm sorry you think so. What part did you not understand?

[@supertren]

+Keith Peters I don' t understand anything, perhaps because I am spanish and I don' t understand english, can you please put your code in github with comments?, if you want...

[@KeithPeters]

+supertren supertren the code is in github. github.com/bit101/CodingMath There's usually not many comments, because I spend several hours making a video to explain it.

[@supertren]

+Keith Peters thank you anyway...I will try to understand more english or more math...I am very interested in make an isometric game from scratch