Skip to content

Flower of Life

The Flower of Life drawn in polished gold wire, circle by circle, by a point of light. Loops perfectly.

3D object, V2 Objects3DSeamless loop, verified306 lines of codev1.0.0

In Science & maths, Nature & weather, Patterns & illusions

Next: Sacred GeometrySurprise me

Flower of Life preview
Starting live preview…
00:00:00:00 / 00:00:00:01

Live, running the real source at reduced resolution.

Your current settings go with it. Combine several clips and hand them over together from your sequence.

Effect controls

Presets

9

Changes where the motes of light drift.

The preview runs the same code your AI receives. These settings travel with the hand-off.

Info

What it is

Sacred geometry in polished metal wire, floating over a soft backdrop with motes of light drifting behind. In the drawing animation each circle is traced by a bright point of light, growing outwards from the centre; the finished pattern holds while light glides across it, then fades away and the loop begins again. In the turning animation the whole pattern turns slowly with pulses of light running round its circles. Choose the pattern (the Flower of Life, the Seed of Life or Metatron's Cube), the metal (gold, rose gold, silver or copper), the animation and the backdrop.

Reuse it in your own idea

  • Meditation intro: the default, with your channel name fading in below once the pattern is complete.
  • Wellness brand: Seed of Life in rose gold on blush as a logo sting.
  • Mystical background: Turning gold mandala behind a narrator, motes on.

Which part is reusable

src/flower-of-life.js is the ingredient your AI reuses. demo.js is only the example scene around it, and uses chrome-material only for the demo.

Good to know

  • The patterns are fixed to these three; the circle size is set by scaling the group.
  • The drawing order is fixed: centre first, then outwards.

Technical details

Technical details
Implementation
Three.js 0.185.1 (WebGL) · ES module src/flower-of-life.js
Exports
  • createSacredGeometry({ pattern?, metal?, animation?, wire? }) => { group, extent, counts, update(time, loopSeconds), dispose() }
  • createMotes({ count?, color?, spread?, depth?, seed? }) => { group, update(time, loopSeconds), dispose() }
  • METALS: { gold, rose, silver, copper }
Dependencies (exact)
  • three@0.185.1 (source) — Renderer, geometry and physical materials.
  • chrome-material@1.1.0 (demo) — Studio environment light and backdrop.
  • apw-runtime@1.0.0 (demo) — Demo harness.
How it fits a scene

Coordinates: Circles have radius 0.5. The Flower fits within a radius of 1.6, the Seed 1.1, Metatron's Cube 2.5 (extent).

Lighting: Physical metal: needs scene.environment; a warm key light adds sharper glints. The drawing light is self-lit.

Timing: update(time, loopSeconds) is a pure function of time; frames render in any order.

Output
1080×1080, 30 fps, 12 s · procedural (computed from the frame number) · seamless loop — Drawing: the pattern starts and ends each loop empty. Turning: a sixth of a turn per loop (the pattern has sixfold symmetry) with pulses and tilt repeating whole times, so the last frame meets the first.
Tested
Rendered 360 frames on 2026-10-06 in Chrome 154.0.8037.97 headless on Linux 7.0.0-38-generic (x64), Node 22.14.0 (WebGL 2 via SwiftShader (software)). Same frame twice from fresh pages: identical. Loop: Frame 0 vs end state (progress 1): mean |Δ| 0.0000, max |Δ| 0 of 255.
Performance
Twenty to a hundred thin tubes sharing one shader; drawing is done by hiding parts in the shader, nothing is rebuilt per frame. Smooth at 1080p on laptop GPUs. Software WebGL (no GPU) renders slowly.
Export a video yourself
Download the source, then in the folder: npm install npm run render -- flower-of-life/1.0.0 --out my-video.mp4Needs Node 18+, ffmpeg and Chrome/Chromium. Add --params my-settings.json (from Copy settings) for your own settings.
Version
1.0.0 · sha256:71f3d37e8003fa5d…
Files
License
MIT. Copyright (c) 2026 AI Pixel Wizard. Released under the MIT License. See LICENSE in this folder. Third-party: three.js 0.185.1 (MIT). License details
Provenance
Adapted from the owner's threejs-sketches/geometry-math/sacred-geometry (MIT), rebuilt for AI Pixel Wizard in October 2026: three patterns in polished wire, drawn on by a point of light in the shader, a gliding glint, a turning mode with light pulses, drifting motes, and the frame/time contract.
BinMore like this