Gist 1cea47db296b24afb0772e2314185ace

100%

Gist 1cea47db296b24afb0772e2314185ace

✓ Published0🌍 Public

Last edited Aug 29, 2017

Created on Aug 29, 2017

This visualization renders a 3D Menger sponge fractal that morphs through successive recursive iterations. It uses a custom distance function defined in a Unity shader file (menger.cginc) to calculate the fractal’s geometry, with the iteration depth driven by `_Time.x` to animate the transformation. The scene is drawn using raymarching, a rendering approach that evaluates the distance function along each view ray to determine surface intersections, producing a continuously evolving solid fractal. The code relies on Unity’s shader pipeline and time-based input to cycle the sponge through levels of detail.

AI-generated description

Similar vizzes

Loading thumbnail…

Menger Sponge

This interactive visualization renders a level 3 Menger Sponge fractal, a 3D shape formed by recursively removing the center cube from each face and the central cube of the remaining structure. The sponge is built with Three.js, using recursive grouping and `BoxGeometry` meshes with `MeshPhongMaterial` shading. The scene includes multiple lighting sources—ambient, directional, hemisphere, and point lights—to highlight the fractal’s deepening cavities. The model slowly rotates via an animation loop, while `OrbitControls` allow the user to rotate, pan, and zoom the view.

CCurran Kelleher

79% match

Loading thumbnail…

Gist 9f1866b3965ddc7be2705538ed72f3c9

This visualization renders a raymarched shader scene in Unity, showing two intersecting spheres whose sizes and positions are modulated by a repeating sine wave. The code in `spheres.cginc` defines a distance function that combines a static sphere with a second sphere whose radius oscillates via `_SinTime`, using a smooth maximum operation to merge their shapes. The scene is generated entirely on the GPU through the shader, with no external data source, and the repeating pattern is created by applying a modulo operation to the position coordinates.

Aandybak

73% match

Loading thumbnail…

Gist d5d76528348514dffd9547a2cd438944

This visualization renders a 3D raymarched scene using a single shader written in HLSL. It displays a collection of geometric primitives—planes, spheres, boxes, ellipsoids, tori, cylinders, cones, prisms, capsules, and pyramids—each defined by signed distance functions (SDFs) and composited in a shader. The code includes multiple SDF implementations with both distance-bound and correct-distance variants, demonstrating how shape intersections and subtractions are computed. The scene is rendered through a fragment shader that applies raymarching techniques, with an anti-aliasing toggle controlled by the `AA` constant.

Aandybak

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

70% match

Loading thumbnail…

Gist 308bcb11118691fecda084c5b1aba814

This visualization shows a raymarched 3D scene where a box and a sphere blend together, with a small protective void around the object. The shape repeats in a mirrored grid pattern that scrolls over time, driven by the `_Time.x` uniform. The code defines signed distance functions in a Unity shader file (`weirdboxes.cginc`), using custom `fBox`, `fBoxCheap`, and `pModMirror2` functions to compute the scene geometry, with a guard term that adds a thin hollow shell around the result.

Aandybak

70% match

Loading thumbnail…

Gist a33a5c0eb38ae642af46a478b3951163

A Unity shader demonstrates a mesh-spherization effect by morphing a flat textured surface into a sphere. The vertex shader normalizes each vertex position, scales it by a configurable radius, and blends between the original and spherical coordinates using an amount parameter. The fragment shader samples the main texture and halves its color output. The shader uses Unity's `UnityObjectToClipPos` for projection and applies fog through standard CG macros. The material exposes radius and amount properties for interactive control.

Aandybak

66% match

Loading thumbnail…

Gist c08a235f038fea8e1aed05be87241736

This animated WebGL shader piece generates a sequence of vibrant, radial visual effects. Using fragment shaders, it computes pixel colors in real time based on normalized coordinates, time, and mouse position. The first effect creates a pulsing red-orange ring with rotating angular patterns, while the others layer polar modular repetitions, wave distortions, and sine-based color modulation to produce intricate, evolving mandala-like forms. The result is a dynamic, abstract composition with flowing shapes and shifting hues.

ZZeukkari

64% match

Loading thumbnail…

Fractals in D3 and Canvas: Sierpinski Gasket

This example visualizes the construction of a Sierpinski gasket, a fractal pattern, by iteratively layering scaled-down copies of a canvas. Each iteration creates a new canvas, scales its context by half, and draws three copies of the previous canvas into the corners, replacing the old one every second. The animation runs for 14 total iterations using D3 v4 to select elements and append canvases, while the drawing and scaling operations rely on the Canvas API’s `scale` and `drawImage` methods. The original canvas is filled green using `fillRect`, and each new canvas labels its iteration number with `fillText`.

TThanaporn-sk

64% match