abi_1

100%

✓ Published0🌍 Public

Last edited Aug 7, 2025

Created on Aug 7, 2025

A glowing Cube of Cubes rotates slowly in a dark blue Three.js scene. The visualization constructs a 4×4×4 grid of shiny, vibrant cubes, each colored with varied hues, saturations, and lightness via the `THREE.MeshPhongMaterial` and `setHSL`. The view is controlled with OrbitControls, allowing orbital navigation. Using the WebGL renderer with directional and ambient lighting, the scene animates continuously, adjusting cube-group rotation each frame.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

3D Cube of Spheres

This visualization displays a 4x4x4 cube composed of 64 colored spheres, with a hue gradient varying across each axis and a gentle rotation animation over a dark, starry background. The scene is rendered in WebGL using Three.js, featuring perspective projection, directional and ambient lighting, and interactive orbit controls for rotating, zooming, and panning. The code organizes configuration parameters in a separate module and uses `THREE.SphereGeometry`, `MeshPhongMaterial`, and `OrbitControls` to construct and manipulate the 3D environment.

CCurran Kelleher

79% match

Loading thumbnail…

first_work

A glowing 3D cube of colored boxes demonstrates a grid of 64 animated elements, each shaded by its position. The visualization rotates continuously while users can interactively explore the scene through orbiting, panning, and zooming. Built with Three.js, it uses `WebGLRenderer` for rendering, `OrbitControls` for camera interaction, and `MeshPhongMaterial` with HSL color assignment. A directional and ambient light illuminate the structure, which rotates incrementally each frame through an animation loop. The cube is generated programmatically from `config.js` dimensions, with camera constraints limiting distance.

224cs049@kpriet.ac.in

77% match

Loading thumbnail…

Fork of 3D Cube of Spheres

An animated 3D cube of 64 colored boxes rotates in a black scene. Each box’s color is derived from its grid position using an HSL hue calculation. Built with Three.js, the visualization uses a `PerspectiveCamera`, `OrbitControls` for interactive zoom and rotation, and WebGL rendering. A directional light and ambient light provide depth. The entire group rotates continuously via an animation loop.

220bavatharani@gmail.com

76% match

Loading thumbnail…

proj_2

A 3D grid of spheres forms a cube, with each sphere’s color derived from its position along the x, y, and z axes using an HSL mapping. The entire cube rotates slowly over time. Built with Three.js, the visualization uses PerspectiveCamera, OrbitControls for user interaction, SphereGeometry, MeshPhongMaterial, and DirectionalLight. The animation loop updates rotation increments and re-renders the scene, while damping controls allow smooth camera zoom and orbit.

PPremkumar

76% match

Loading thumbnail…

Fork of 3D Cube of Spheres

This interactive WebGL visualization displays a 4×4×4 cube of spheres with warm orange color variations. Each sphere uses Three.js MeshPhongMaterial with randomly varied HSL saturation and lightness values, creating a subtle gradient effect. The entire cube group rotates continuously in both the x and y axes through the animation loop, while OrbitControls allows users to zoom and pan around the structure. The scene uses 64 individually positioned spheres, rendered with directional and ambient lighting for depth.

PPremkumar

76% match

Loading thumbnail…

Fork of Fork of 3D Cube of Spheres

A 3D cube of boxes rotates continuously in a WebGL scene, with each box’s color determined by its position along the three axes. The visualization uses Three.js to render 64 small cubes arranged in a 4×4×4 grid, with HSL color mapping based on coordinate sums. OrbitControls enable interactive camera zoom and rotation, while directional and ambient lighting highlight the geometry. The animation loop manually increments the group’s rotation on each axis, creating a slow tumbling effect against a near-black background.

220bavatharani@gmail.com

76% match

Loading thumbnail…

three.js

Three colored cubes rotate continuously in a gray 3D scene, each spinning on its X and Y axes at staggered speeds. The visualization uses Three.js with a WebGL renderer to draw the cubes, a PerspectiveCamera, DirectionalLight, and MeshPhongMaterial for shading. The animation loop increments rotation based on time, driven by requestAnimationFrame, with cubes positioned at different X coordinates.

Ssabrinamochi

75% match

Loading thumbnail…

Fork of 3D Cube of Spheres

A 4×4×4 grid of spheres forms a cube, each sphere colored via HSL based on its grid position. The entire cube slowly rotates in both the x and y axes. Built with Three.js, it uses `SphereGeometry`, `MeshPhongMaterial`, and `DirectionalLight` for rendering and illumination. OrbitControls provide interactive camera manipulation, while an animation loop updates the rotation each frame.

Ssudhachandru1987@gmail.com

75% match