Kaleidoscope From Photo

Interactive kaleidoscope effect.

I had initially tried to get a distortion effect using squares, but realised quickly that hexagons would give a much richer feel. The distortion is done by rotating the uvs for each one separately, in glsl, and also adding an animated noise to the hue.

Created with https://polygonjs.com, a tool to create 3D interactive apps from your browser.

Get the interactivity on https://polygonjs.com/store/templates/060f3d30-c797-42e3-a528-4e8b553fcde0. You can also download it and insert it in any webpage.

Great for photo galleries to encourage visitors to interact with them and get a unique experience.

Using this based on a wonderful portrait by Cristian Newman https://unsplash.com/@cristian_newman

More by Guillaume Fradin

View profile