Coding Quickie: Isometric Tiles

Isometric Tile Map Rendering adds a lovely sense of depth to what is a static 2D construction. IN this video I show how to render and select cells in an isometric world.

[javidx]

Hello! My apologies for the out of schedule video - I've had some IRL things going on. I would also like to know what your opinions are about shorter, more concise targeted videos such as this one, perhaps increasing in regularity next year.

[nonamer]

I'm begginer in c/cpp languages and I'm getting impressed when I see how easily you do things and you speak with a so calm voice and it's seems to be very easy! I want be like you

[astronime]

One of the most valuable things on the internet is your channel.

[eformance]

I really liked the colored tile hack, that is a clever visual way to solve a somewhat complex problem.

[ItsHyomoto]

When you said you were going to cheat, I laughed. When you said you were going to brute force it, I went hmm. When you showed your cheat, I laughed again. These videos are always worth watching, you do a great job explaining what you are accomplishing and why. I think the shorter, more concise format does allow you to be more directive about the topic. It's like, you don't have enough time to go off on a tangent, so you can really laser in on what you are trying to demonstrate and since coding is often a series of little tasks, it also makes it easy to reference the video later on and find precisely the topic or idea you demonstrated.

[RozzmanLists]

A joy to watch, @javidx9
What I particularly enjoy about your videos is that you favour "I help you understand it" over "I show you how to do it".
And the method you describe this time is a fine example of lateral thinking.

[Garioch]

I wrote a couple of isometric editors back in the day, they both used keys to navigate lol - glad they never asked for mouse interaction!

[kamran_aghlami]

Your videos are so simply explained and elegant, You never fail to put a smile on my face. 😊👍

[SourceCodeDeleted]

This is quite possible the best presentation of this content that I have ever seen. Fantastic work!

[Woodythehobo]

Perfect timing! Following a nostalgia trip for Rollercoaster Tycoon, I've been delving into the wonderful world of isometric myself over the past couple weeks. Using Unity's isometric functionality and the 3D application Blender 2.8 to design my tiles and render out to 2D, which allows me to avoid drawing tiles as i'm a poor pixel artist lol. The video is much appreciated mate, i'll definitely need the theory later on. Thanks!

[speedyc]

Another great video javidx9, short but sweet and to the point. But I do enjoy your longer videos too. Keep up the great work as always, all the best from Speedy C

[howardjohnprice]

Your videos are great. I wish they were around when I was learning to code. You are responsible for adding a lot of items to my gamedev bucket list!

[wchen]

man i wish there were resources like you provide when i was 15 messing my way through all this stuff. over 20 years ago. thanks for sharing.

[Erwiinstein]

Wow. I just stumbled on this channel and the quality of the tutorial amazes me. I have now something I would binge watch.
And wow, saw one of your later video "Essential Mathematics for Aspiring Game Developers" in the recommendation which *I will definitely watch*
You're amazing! Thank you for sharing this with us!

[victornaut]

This man is an education genius. Thank you so very much for the flawless explanation!

[Kaltinril]

As always, Love the simplicity and explanations!

[Cleeuwen]

Thanks to the transformation I was finally able to make an isometric grid! Took me another 3 hours to figure out the linear formulas instead of using get(), but it all works nicely now!

[bubuche]

Nice video. A little add: as shown in the video, it's possible to add some "height" to a tile (the tree). But it also works for snow an grass. With just some pixels you can give the impression of a thick layer of snow, or of grass.

It is maybe obvious but it's worth mentionning it: path finding algorithms used in classic 2D grid will work with an isometric game. Even if the impression given by the isometric view is stunning, it's only a difference in the view, not in the logic.

[riddenstudios]

I tried watching other videos on this subject and yours beats them all. Simplistic and easy to follow. I must confess I use engines which use C++ and C# but of course the maths are for the most part the same.

[theHaPK]

That reminds me Diablo retrospective talk where they also had a problem with this back-to-front rendering. I noticed that in this video when you hover over a tile with a tree, a selection highlight is drawn OVER a tree (while it should be UNDER a tree). I think it makes sense to let tiles have background and foreground images (e.g. green tile for background and a tree on transparent background for foreground), so you can do proper composition