Skip to main content
100%

Gist e0ac5557362c4611fc4d9a4b1591189e

✓ Published0🌍 Public
Aandybak
Last edited Aug 18, 2018
Created on Aug 18, 2018

An interactive WebGL visualization of Wythoff polyhedra construction, rendered via fragment shaders in GLSL. Users manipulate triangle vertices through spin boxes and a sphere inset, with the main view distance-marching the polyhedron in real time. Mouse input updates vertex positions on the sphere, adjusting barycentric coordinates and selecting special points, while the polyhedron rotates smoothly. The shader pair handles GUI state in one buffer and polyhedron shading in the other, using a Wythoff construction distance estimator to render the resulting geometric shape.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 20490743a658b8c43752d814c314c79e

This visualization renders uniform polyhedra using a kaleidoscopic construction method. The code computes vertex coordinates, faces, and symmetry groups from fundamental angles, then draws the three-dimensional shapes with projected lines and filled polygons. It uses standard C math and graphics routines for coordinate transformation and rendering, including trigonometric functions for rotation and perspective. The display cycles through different polyhedral types, showing their geometric structure through edge networks and face shading.

Aandybak
80% match
Loading thumbnail…

Gist 6dd998ca70e2dc7c80aafed2723a86e7

This example shows a geometric polyhedron, named “Vicious,” rendered with a dark, reflective showroom appearance. The shape begins as a uniform prism-like form and is then modified through a sequence of operations: lacing the faces, scaling and extruding the five-sided faces, and finally applying a Kis operation to those same faces. The visualization uses the Antiprism library’s JSON model format, with parameters such as `PolyType` and `JohnsonPolyType` defining the base solid. The scene is rendered using the Three.js WebGL API, displaying the resulting complex, faceted structure with two-sided surfaces and a hexagonal grid.

Aandybak
73% match
Loading thumbnail…

Gist 6ccd9c4ef2c862306f62bc847ac036d3

This WebGL visualization displays 3D models sourced from Google Poly, processed from original scene data into canonical JSON format. Using Python scripts, the code extracts embedded asset information from HTML pages and decomposes transformation matrices into rotation, translation, and scale components. The visualization renders the reconstructed 3D scenes through WebGL, leveraging the parsed model data and file type metadata from the Poly asset structure.

Aandybak
72% match
Loading thumbnail…

Gist 92b2b6610d2371b2da7c34152657f751

This visualization demonstrates Möbius transformations applied to a 3D object in real time. A shader written in Unity’s ShaderLab and CG/HLSL takes each vertex, performs a reverse stereographic projection onto a 3-sphere, rotates the hypersphere in 4D space, then projects back to flat 3D. The user controls the rotation amount via the `_Amount` slider. The surface shader uses the Standard lighting model and applies vertex colors, with adjustable saturation, smoothness, and metallic properties through exposed parameters.

Aandybak
71% match
Loading thumbnail…

Gist 8232daa7d3b24a25b9f7566ff1da4522

This WebGL visualization uses p5.js to render a dynamic 3D scene composed of primitive shapes, including planes, boxes, spheres, cylinders, cones, ellipsoids, and toruses. The code applies normalMaterial to map normal vectors to RGB colors, with ambient and directional lighting enhancing the depth of each geometry. Through camera positioning and rotation transformations, the shapes appear to float and spin in space. The example demonstrates p5.js’s WEBGL renderer capabilities for creating three-dimensional compositions from basic geometric primitives, highlighting the library’s built-in shape functions and material systems.

Aabonello
71% match
Loading thumbnail…

Gist e2cb06e5430585b148afb12bad4bd0f8

A single polyhedron, a Small Cubicuboctahedron, is generated and animated using the Antiprism library’s JSON interface. The model is created from a square-grid cube with a "Cross" operation whose animated amount continuously deforms the shape, while a VertexScale operation sets a fixed scaling factor. The visualization appears as a 3D render, driven by the animation parameters defined in the JSON configuration, though the rendering library itself is not specified in the code.

Aandybak
71% match
Loading thumbnail…

Gist 8183aad3764bedf7ab23187c08fd1f12

This example renders a 3D mesh of a Brazier-shaped polyhedron, built from a JSON specification and processed through a sequence of geometric operations. The shape starts as a uniform hex grid prism, then applies operations such as `FaceScale`, `Extrude`, and `Kis` to selected upward-facing faces, producing a sculpted, bowl-like form with a faceted interior. The model uses a hex grid type with prism parameters and a "Dirty Metal" appearance preset, suggesting a material-based shading pipeline. The visualization relies on the JSON’s operation list to transform the base geometry, with disabled operations like `Lace` indicating optional refinement steps that remain inactive in the final output.

Aandybak
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
70% match