If you’ve been following my articles for a while, you would have known I have written a little isometric grid demo in pure Javascript.
That approach works well for what I was trying to archive but I am planning on adding more functionality into the website. Hence in this article, let me rebuild the project using Pixi.js and it’s React binding, React Pixi.
If you wanna learn more about the math behind isometric graphics, I suggests you checking out this video for it’s in depth explanation
Awesome asset pack from @dani_maccari !
For starters, I found a great isometric asset pack from itch.io that suits my needs. It includes some fine detailed blocks which would come in handy in some of the future use cases!