
Tiles v4
How it works
Tiles v4 is a nestable block element that also contains a Content element. All your elements have to be put inside this Content element. A THREE.js grid of cubes sits behind the content. Cubes rise as a wave that follows the pointer.
HTML tag: HTML tag of the element.
Custom tag: used when HTML tag is set to custom.
Style controls
Width: width of the element.
Height: height of the element.
Tiles controls
Grid Size: number of cubes on each side of the grid.
Cube Width: width of each cube.
Cube Height: height of each cube.
Gap: space between cubes.
Colors controls
Base Color: color of the cubes at rest.
Wave Color: color of the cubes when they rise.
Wave controls
Amplitude: how high the wave lifts the cubes.
Speed: speed of the wave.
Frequency: how many wave crests run across the grid.
Width: width of the wave along the grid.
Jitter: random variation applied to cube heights.
Max Height: maximum cube height.
Trail controls
Fade Time: how long a raised cube takes to settle back.
Spacing: space between trail samples following the pointer.
Idle Waves: if enabled, the wave keeps moving when the pointer is idle.
Camera controls
Distance: camera distance from the grid.
Follow Mouse: if enabled, the camera follows the pointer.
Animation controls
Disable in the Builder: if enabled, the animation will be disabled at the builder.
– Tamu








