States of a box

[prisoner849]

Hi community!

Picture:

Demo: https://codepen.io/prisoner849/full/qEbEveG

The first thought was “let’s build a box of boxes, using InstancedBufferGeometry, but coortinates of an instance will be based in its index”.
The result was good, but boring. I decided to add noise, for some “dissolving”-like with funny lava color.
Then I thought, that it would be cool to add a hollowness in the center of the cube, and put there something of SDF (that yellow/orange rotating frame).
And as the final touch, I wanted a simple interactive postprocess effect (“pointerdown” emits a ripple).

PS OrbitControls is enabled after the first fly around the box.

[seanwasere]

This works very smoothly, even on my old laptops gtx 1050

[jrlazz]

Hi @prisoner849 …

Beautiful when we click it !!!

[prisoner849]

@seanwasere @jrlazz Thanks, guys

@seanwasere No surprise. I tested it on my old 10+ y.o. mossy working desktop with a built-in Intel GPU, and it shows about 10 fps (and this is pretty good for that old-timer). Well, to be honest, these fps are with the grid of size 32 (which is default). Higher values of the size drop performance drastically. 64 gives a slideshow on that machine