100%

Fork of Fork of The Vibe Coder builds without laboring

✓ Published0🌍 Public

Last edited Jun 30, 2025

Created on Jun 30, 2025

Forked from Fork of The Vibe Coder builds without laboring

An animated tessellation of Buddha figures fills the canvas, with figures appearing in a repeated grid pattern, pulsing with a subtle aura, and surrounded by drifting light particles. The background shifts through a color gradient with rotating light rays. The animation runs on an HTML Canvas via React and D3, using `requestAnimationFrame` to update time, while custom utility functions draw each tile and compute colors in HSL.

AI-generated description

Buddha Tessellation Animation

This project creates a beautiful, animated tessellation pattern featuring Buddha figures. The background features gentle color transitions with light rays, and the Buddha figures pulse with a subtle aura.

The animation is built using React and HTML Canvas.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of The Vibe Coder builds without laboring

This animated visualization renders a tessellated field of flowers on a canvas, with three overlapping layers that rotate and drift to create a dynamic, layered effect. Each flower is drawn procedurally using Bézier curves for petals, radiating stamens, and radial gradients that shift hue, saturation, and lightness over time. The animation uses `requestAnimationFrame` within a React effect, while the canvas API handles drawing at 60fps. Colors are computed via `hslToRgb` conversions, producing evolving palettes across the flower field and its animated background.

NNita

89% match

Loading thumbnail…

The Vibe Coder builds without laboring

This animated visualization displays layered, morphing tessellation fields rendered on an HTML5 Canvas. Three overlapping hexagonal grid layers rotate and drift across a shifting radial gradient background, with each tile’s shape, color, and opacity evolving over time. The React component uses `requestAnimationFrame` to drive the animation loop, while custom utility functions compute HSL-to-RGB color conversions and draw each tile with radial gradients and stroked inner lines. The effect emerges from three stacked `createTessellationField` calls, each with distinct offsets, scales, and rotation angles.

CCurran Kelleher

83% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of Buddha in colors -overlapping Buddha

The visualization is a dense, colorful abstract composition built with React and rendered as SVG, depicting a repeated, rotated pattern of semi-transparent polygons layered over a large, ornate Buddha-like path. The design uses a triple-nested mapping over an array of numbers to generate a grid of small, randomly colored triangles, each with random fill and positioning, creating a vibrant, chaotic field of color. A single central figure, defined by a complex SVG path, is overlaid with a rotation and scaling transform, referencing the "Buddha in colors" motif. The palette employs high-saturation RGB values with high opacity, and the black background intensifies the neon effect. The overall aesthetic is abstract, repetitive, and playfully erratic, with each triangle's random parameters ensuring a unique composition on every render.

Nneeleshalapati@gmail.com

80% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Unlimited Buddhas

This generative art piece depicts a repeating, tessellated pattern of Buddha-like silhouettes arranged in a radial grid. The visualization is built with React, rendering SVG elements to a 960 by 960 canvas. Each of the 150 by 150 positions is computed using trigonometric functions to place scaled copies of a single intricate path, creating a dense, symmetrical mandala effect. The code relies on React’s `useState` and `createRoot` APIs, with no external data source, as all geometry is defined in the path data.

NNita

80% match

Loading thumbnail…

Fork of Fork of Fork of Buddha in colors -overlapping Buddha

Small animated circles are scattered across a blue background, each with randomized positions, colors, and opacity. The circles pulse in size and rotate continuously while their fill cycles through a palette of red, yellow, purple, blue, pink, and orange. A static Buddha illustration is overlaid on top, creating a layered effect. The visualization uses React to render SVG elements, with animations driven by SVG's native `<animate>` and `<animateTransform>` tags rather than external libraries.

Rrallabandisushen@gmail.com

80% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of Buddha in colors -overlapping Buddha

The visualization renders a dense, abstract composition of overlapping diamond-shaped polygons, repeated through nested `A.map()` loops in React, with each triangle’s position, size, color, and rotation randomized per iteration. Built with React 16.10 and rendered as SVG, it layers a static Buddhist icon path—drawn via `d3`-style path data—at the center, surrounded by the chaotic, semi-transparent geometric shapes. The code uses `Math.random()` to generate fill values in RGB ranges and apply rotation transforms, producing a vibrant, collaged effect atop the green background.

Iindushashi.g@gmail.com

80% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of Fork of Buddha in colors -overlapping Buddha

A grid of small, colorful circles is scattered across a field, layered over an intricate, multi-line path drawing of a Buddha figure. The React application uses nested `Array.map` operations to render hundreds of semi-transparent SVG circles with random positions and RGB fill colors. The path data, defined in SVG `d` attribute notation, draws the Buddha’s outline with many Bezier curves, using `stroke-width` and a stroke color to make the shape visible. The entire composition is scaled and translated within an SVG canvas, combining generative randomness with a fixed, detailed line artwork.

Ssaivaishnogaruda@gmail.com

79% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of Buddha in colors -overlapping Buddha

The visualization displays a dense field of small, semi-transparent circles randomly positioned on a black background, with an overlapping Buddha path rendered in the center. The circles animate with randomly generated RGB colors and positions, while the Buddha figure is drawn using a complex SVG path with a stroke. The code uses React and ReactDOM to render the SVG elements, leveraging JavaScript's `Math.random()` for circle placement and color generation. The Buddha path is scaled and translated within the SVG canvas, creating a layered, colorful composition that blends abstract particle effects with a recognizable figurative shape.

Lleftymadi

79% match