Shadow Blocks - RGBSL #2

Interactive 3D sculpture

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

Three spotlights (Red, Green and Blue) are aimed to 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
February, 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 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.

Interactive 3D sculpture

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

Three spotlights (Red, Green and Blue) are aimed to 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
February, 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

Light Direction

• Perpendicular ~ 10%
• Vertical ~ 10%
• Horizontal ~ 10%
• All Directions ~ 70%

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 lowest resolution and 5 the highest

FPS Stats

• Press 's' to toggle FPS stats on screen