Skip to content

Phosphor (phosphor)

Tech: a glowing display-dot lattice with a soft, drifting phosphor bloom.

{
  "$schema": "https://aurora.goatsoft.io/schema/v1.json",
  "format": "aurora",
  "version": 1,
  "name": "Phosphor starter",
  "palette": [
    "oklch(0.13 0.035 285)",
    "oklch(0.65 0.15 200)",
    "oklch(0.65 0.2 335)"
  ],
  "layers": [
    {
      "type": "phosphor"
    }
  ]
}

This is presets/starters/phosphor.aurora: the generator alone, with its defaults.

Colours

A layer’s colors picks 3 palette colours, in the order below. To recolour part of the background, change the palette colour in that position.

PositionPaintsDefault
0Dark fieldoklch(0.13 0.035 285)
1First phosphor tintoklch(0.65 0.15 200)
2Second phosphor tintoklch(0.65 0.2 335)

Parameters

Every parameter is optional; one you leave out uses its default.

NameLabelDefaultRangeWhat it does
spacingSpacing8 px2 to 24Distance between phosphor dots in canvas pixels.
glowGlow0.450 to 1Soft light around each display dot.
strengthStrength0.40 to 1Brightness of the phosphor texture.
speedSpeed0.080 to 0.3Drift of the broad illumination; 0 keeps it still.
phasePhase00 to 1Starting position of the illumination.