Day 02 - Grids
I first searched for inspiration on the internet. There I found Frederik Vanhoutte on twitter. He has some cool and interesting things, mostly using isometric styles.
— Frederik Vanhoutte - Winterbloed (@wblut) September 14, 2022
I started to create a grid out of cubes. Those cubes I then stretched to create different heights. Then I positioned the camera at an isometric point of view and changed it to an orthographic projection to create that look. I used my own shader material, which I made a few months back for another project, so I could set a color for each side of the cube.
IsometricCity
For the interactive animations I found the Tween.js library. (Hover/Touch over the cubes to interact)
IsometricObject
After that, I tried to create some random isometric objects. (Reload page to get a new one)