Menu | Help
×

Customisation

Changes apply immediately. Canvas size is set to full screen. To add pioneers or change colors, edit the PIONEERS array in the code.

Customisation Guide

Element Where to change
Add more pioneers PIONEERS array at top
Connection range CONNECTION_DIST = 185
Node float speed NODE_SPEED = 0.38
Auto-pulse rate PULSE_INTERVAL = 90
Canvas size createCanvas(820, 580)
Colour palette col field per pioneer
×

How It Works

NODES

  • 20 glowing orbs, each representing a real pioneer in tech.
  • They float gently with soft boundary physics.

CONNECTIONS

  • Lines form between nodes within 185px.
  • Colour blends of both node colours.
  • Thickness inversely proportional to distance.
  • Data dots travel between activated pairs.

HOVER

  • Reveals full name + role in elegant tooltip.
  • Node brightens and breathes wider.

CLICK

  • Permanently activates a node (turns bright).
  • Triggers ripple burst.
  • Cascades a glow to all nearby connected nodes.

AUTO-PULSE

  • Every 90 frames a random node briefly lights.
  • Keeps the network feeling alive.

STRENGTH METER

  • Vertical bar on left tracks % of activated nodes.
  • Milestone messages appear at 25/50/75/100%.
  • Network nebula brightens as strength grows.

NEBULA

  • 4 drifting ambient colour blobs in background.
  • Intensity increases with network strength.