Skip to content

Attract Geometric

The geometric mode renders clusters of semi-transparent rotating rectangles with sinusoidal fade cycles, distance-based glow effects, and drifting pseudocode text fragments. The effect is a 1:1 port of the website's geometric background animation into the CyberHUD display system, preserving all mathematical formulas, constants, and visual behavior from the original TypeScript source.

Options

Key Type Description Default Allowed Values
speed float Animation speed multiplier controlling how quickly geometric clusters rotate and shift position 1.0 any valid float (0.1–10.0 recommended)
density float Cluster count scaling factor from sparse (0.1) to maximum cluster coverage (1.0) 0.5 any valid float (0.1–1.0)
glow_intensity float Glow effect strength from subtle (0.0) to full luminous bloom on cluster elements (1.0) 1.0 any valid float (0.0–1.0)
fragment_rate float Pseudocode fragment spawn rate controlling how frequently text fragments drift across the display 1.0 any valid float (0.0–2.0)

Policy Fields

Field Type Range Default Description
speed float64 [0.1, 10.0] 1.0 Animation speed multiplier
density float64 [0.1, 1.0] 0.5 Cluster count scaling
glow_intensity float64 [0.0, 1.0] 1.0 Glow effect strength
fragment_rate float64 [0.0, 2.0] 1.0 Pseudocode fragment spawn rate

CLI Examples

Query the current policy values:

cyberhudctl display attract_geometric

Set a faster animation speed with higher cluster density:

cyberhudctl display set 0 attract_geometric speed=2.5 density=0.8

Configure glow and fragment rate on an active region:

cyberhudctl display config main.0 glow_intensity=0.6 fragment_rate=1.5

Panel Compatibility

  • Color TFT — full-color rendering with semi-transparent rectangles, distance-based glow layers, and smooth sinusoidal opacity fades.
  • Monochrome OLED — rectangles and glow rendered in grayscale intensity; pseudocode fragments remain legible against the animated background.
  • Slow Refresh — a single static frame is produced at time=0 with all clusters at full fade-in and no fragment text, avoiding refresh artifacts.

Slow Refresh Behavior

On slow-refresh panels, the geometric mode produces a single static frame suitable for displays that cannot handle continuous animation. All clusters are rendered at full fade-in with no pseudocode fragments, and the RenderCacheKey remains stable after the initial frame to prevent unnecessary refreshes.

Snapshots

Color

color-8x16 8x16
8x16
color-16x8 16x8
16x8
color-80x160 80x160
80x160
color-slow-104x212 104x212
104x212
color-slow-122x250 122x250
122x250
color-128x128 128x128
128x128
color-128x160 128x160
128x160
color-slow-128x296 128x296
128x296
color-135x240 135x240
135x240
color-160x80 160x80
160x80
color-160x128 160x128
160x128
color-slow-176x264 176x264
176x264
color-slow-200x200 200x200
200x200
color-slow-212x104 212x104
212x104
color-240x135 240x135
240x135
color-240x240 240x240
240x240
color-240x320 240x320
240x320
color-slow-250x122 250x122
250x122
color-slow-264x176 264x176
264x176
color-slow-296x128 296x128
296x128
color-slow-300x400 300x400
300x400
color-320x240 320x240
320x240
color-320x480 320x480
320x480
color-slow-400x300 400x300
400x300
color-480x320 480x320
480x320
color-480x800 480x800
480x800
color-slow-480x800 480x800
480x800
color-800x480 800x480
800x480
color-slow-800x480 800x480
800x480

Grayscale

grayscale-fast-8x16 8x16
8x16
grayscale-fast-16x8 16x8
16x8
grayscale-fast-80x160 80x160
80x160
grayscale-slow-104x212 104x212
104x212
grayscale-slow-122x250 122x250
122x250
grayscale-fast-128x128 128x128
128x128
grayscale-fast-128x160 128x160
128x160
grayscale-slow-128x296 128x296
128x296
grayscale-fast-135x240 135x240
135x240
grayscale-fast-160x80 160x80
160x80
grayscale-fast-160x128 160x128
160x128
grayscale-slow-176x264 176x264
176x264
grayscale-slow-200x200 200x200
200x200
grayscale-slow-212x104 212x104
212x104
grayscale-fast-240x135 240x135
240x135
grayscale-fast-240x240 240x240
240x240
grayscale-fast-240x320 240x320
240x320
grayscale-slow-250x122 250x122
250x122
grayscale-slow-264x176 264x176
264x176
grayscale-slow-296x128 296x128
296x128
grayscale-slow-300x400 300x400
300x400
grayscale-fast-320x240 320x240
320x240
grayscale-fast-320x480 320x480
320x480
grayscale-slow-400x300 400x300
400x300
grayscale-fast-480x320 480x320
480x320
grayscale-fast-480x800 480x800
480x800
grayscale-slow-480x800 480x800
480x800
grayscale-fast-800x480 800x480
800x480
grayscale-slow-800x480 800x480
800x480

Mono

mono-8x16 8x16
8x16
mono-16x8 16x8
16x8
mono-32x128 32x128
32x128
mono-64x128 64x128
64x128
mono-slow-104x212 104x212
104x212
mono-slow-122x250 122x250
122x250
mono-128x32 128x32
128x32
mono-128x64 128x64
128x64
mono-128x128 128x128
128x128
mono-slow-128x296 128x296
128x296
mono-slow-176x264 176x264
176x264
mono-slow-200x200 200x200
200x200
mono-slow-212x104 212x104
212x104
mono-slow-250x122 250x122
250x122
mono-slow-264x176 264x176
264x176
mono-slow-296x128 296x128
296x128
mono-slow-300x400 300x400
300x400
mono-slow-400x300 400x300
400x300
mono-slow-480x800 480x800
480x800
mono-slow-800x480 800x480
800x480