sketch 01

100%

✓ Published0🌍 Public

Last edited Nov 1, 2017

Created on Oct 31, 2017

A single, cube-like form floats in a black void, its dimensions adjustable in real time through a dat.GUI panel. Three.js renders the object with a flat-shaded Phong material and a thin wireframe overlay, while an ambient and a directional light define its volume. The viewer can orbit around the mesh using OrbitControls, though the object itself remains static, and no data or external source is visualized beyond the interactive geometry itself.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

sketch 02

A 3D block model rotates in a dark WebGL scene, its dimensions adjustable in real time through a dat.GUI control panel. The sketch uses Three.js with a perspective camera and OrbitControls, rendering both wireframe and flat-shaded materials to highlight the box’s edges and surfaces. Animate continuously rebuilds the geometry from parametric width, depth, and height inputs, while the directional and ambient lights define the form. The code does not load external data, relying instead on procedural geometry and interactive user sliders.

BBillyBHWong

82% match

Loading thumbnail…

Fork of 3D Cube of Spheres

A 3D wireframe cube of sixty-four colored spheres rotates slowly in dark space, with each sphere's hue derived from its coordinate position across the cube's three axes. The piece uses Three.js with WebGL rendering and OrbitControls for interactive camera movement. A directional light and ambient light provide simple shading, while each sphere shares a common sphere geometry but uses a unique MeshPhongMaterial. The animation loop increments the cube's rotation along the X and Y axes each frame.

CCurran Kelleher

71% 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

70% match

Loading thumbnail…

Three.js Geometry Browser

This interactive Three.js example demonstrates a real-time 3D geometry explorer, allowing users to cycle through and modify a variety of parametric shapes, including boxes, cylinders, and custom polyhedra like the gem form. It shows how wireframe overlays and solid meshes update together as parameters change. The code relies on the Three.js library, using `PolyhedronGeometry`, `WireframeGeometry`, and `OrbitControls` for camera interaction, while `dat.gui` provides the control panel for adjusting geometry dimensions and segmentation. Rendering is handled through WebGL with continuous animation, and a separate HTML link opens the scene in a new window.

BBillyBHWong

69% match

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

69% match

Loading thumbnail…

sketch_03

This example visualizes a three-dimensional architectural massing model of a building lot, showing the relationship between a primary structure and its surrounding context. The code uses Three.js with WebGL rendering to display a bright yellow mass and semi-transparent white context volumes against a gray background. A perspective camera provides a dynamic view of the spatial arrangement, while directional and ambient lighting enhance the geometric forms. The visualization includes interactive controls via dat.GUI to toggle between intermediate and corner lot configurations, and text sprites label the overall design as "RSA-5" with dimension annotations.

BBillyBHWong

69% match

Loading thumbnail…

Fork of 3D Cube of Spheres

A 3D cube composed of 64 colored spheres animates with continuous rotation in a black scene, lit by white, ambient, and point lights to highlight each sphere's hue and brightness. The spheres are generated procedurally as Three.js meshes with Phong materials, using position-based HSL colors. OrbitControls with damping enables interactive rotation, while the renderer redraws each frame via WebGL animation.

PPremkumar

68% 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

68% match