Shadow Blocks - RGBPL #2

Interactive 3D light sculpture

• Click/drag to rotate
• Scroll/pinch to zoom

Three point lights (Red, Green and Blue) hover over a canvas filled with randomly positioned cube blocks. Each light brightens the canvas and projects shadows behind each block. Other three colors (Yellow, Magenta and Cyan) emerge because of the additive property of light.

Shadow Blocks was created inspired by the sculptures made by Charles Biederman (see Structurist Relief, Red Wing Number 1, 1958) and the exploration of light by Olafur Eliasson (see Your uncertain shadow (colour), 2010).

by @code2pixels
March, 2022

Made with three.js

Licensed under CC BY-NC-SA 4.0

---

WARNING

This work is GPU intensive.

You can change render quality by pressing from 1 to 5. 1 being the lowest resolution and 5 for the best viewing experience at the cost of your GPU power/memory.

Default render quality is 3.

You can press 's' to toggle FPS stats on screen.

Shadow Blocks - RGBPL

Interactive 3D light sculpture

• Click/drag to rotate
• Scroll/pinch to zoom

Three point lights (Red, Green and Blue) hover over a canvas filled with randomly positioned cube blocks. Each light brightens the canvas and projects shadows behind each block. Other three colors (Yellow, Magenta and Cyan) emerge because of the additive property of light.

Shadow Blocks was created inspired by the sculptures made by Charles Biederman (see Structurist Relief, Red Wing Number 1, 1958) and the exploration of light by Olafur Eliasson (see Your uncertain shadow (colour), 2010).

by @code2pixels
March, 2022

Made with three.js

Licensed under CC BY-NC-SA 4.0

---

WARNING

This work is GPU intensive.

You can change render quality (basically the ShadowMap dimensions) by pressing from 1 to 5. 1 being the most horrible resolution and 5 for the best viewing experience at the cost of your GPU power/memory.

Default render quality is 3.

You can press 's' to toggle FPS stats on screen.

---

FEATURES

Blocks Orientation

• Vertical ~ 10%
• Horizontal ~ 10%
• Perpendicular ~ 80%

FUNCTIONALITIES

Home Camera

• Press 'h' to return camera to it's default position

Toggle Lights

• Press 'r', 'g' or 'b' to toggle on and off each light
• Press 'a' to turn on all lights

Render Quality

• Press from 1 to 5, 1 being the lowest resolution and 5 the highest

FPS Stats

• Press 's' to toggle FPS stats on screen