sacred-web help & guide

Controls, sliders, keyboard shortcuts & tips

Sacred Geometry preview← go to Sacred Geometry
if you have any comments, bug reports, or just want to send me a message, send an email to help.sacredweb@gmail.com

Slider Controls — Sacred Geometry

Use sliders to adjust the parameters of the animation / visual.

Geometry Parameters

Protons

Number of radial spokes emanating from the center

Range: 1–24 (60 in Advanced)
Neutrons

Number of concentric rings in the pattern

Range: 1–24 (60 in Advanced)
Atoms

Subdivisions within each ring segment

Range: 1–12 (24 in Advanced)
Elements

Repeating pattern groups within each atom

Range: 1–12 (24 in Advanced)
MoleculesAdvanced Mode

Higher-order groupings of elements

Range: 1–24
CompoundsAdvanced Mode

Largest structural groupings

Range: 1–24

Color & Appearance

Color (Hue)

Base hue of the pattern on the color wheel

Range: 0–360
Saturation

Color intensity — 0 is grayscale, 100 is vivid

Range: 0–100
Lightness

Brightness of the color — 0 is dark, 100 is light

Range: 0–100
Background

Background brightness level

Range: 0–100

Transform & Style

Scale

Overall size/zoom of the pattern

Range: 1–1,000 (10,000 in Advanced)
Rotation

Rotates the entire pattern in degrees

Range: 0–360°
Line Width

Thickness of the drawn lines

Range: 1–100
Opacity

Transparency of the lines

Range: 1–100

Tip: Direct Number Input

  • Tap or click on the numeric value next to any slider to edit it directly with your keyboard
  • Press Enter or click away to confirm
  • This allows precise control of the animation's parameters

Keyboard Controls — Sacred Geometry

Use keyboard shortcuts to adjust parameters in real-time while viewing the visualization.

How Keyboard Controls Work

  • Uppercase letter = Increment — e.g., press P to increase
  • Lowercase letter = Decrement — e.g., press p to decrease
  • Shortcuts are disabled when typing in input fields
  • Some controls only work in Advanced mode

Geometry Controls

P / p — Protons (±1)
N / n — Neutrons (±1)
A / a — Atoms (±1)
E / e — Elements (±1)
M / m — Molecules (±1)
C / c — Compounds (±1)

Color Controls

H / h — Hue/Color (±10)
S / s — Saturation (±5)
L / l — Lightness (±5)
B / b — Background (±5)

Transform Controls

Z / z — Scale/Zoom (±100)
R / r — Rotation (±15°)
W / w — Line Width (±5)
O / o — Opacity (±5)
D / d — Opacity Divisor (±1)
V / v — Vertical Translation (±50)

Actions

0 — Reset to defaults
9 — Randomize parameters
T — Toggle Light/Dark mode
F — Toggle Advanced mode

bored? visit sacred-web.vercel.app/pi for some old-web fun, or try paint by π — a digital painting app with Conway's Game of Life.