Network Pulse
A drifting node network where signals hop from edge to edge. Your cursor joins the network; click to broadcast a shockwave.
- 4.3 KB .bexode
- 8 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// network-pulse.bexode goes in /public (download it below)
export function NetworkPulse() {
return (
<ExodeUICanvas
src="/network-pulse.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
onTrigger={(name) => {
// fires: 'pulse'
}}
style={{ width: '100%', height: 560 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
caption | Text | Global edge network | — |
nodes | Number | 46 | 8 – 120 |
reach | Number | 1 | 0.5 – 2 |
speed | Number | 1 | 0.1 – 3 |
accent | Text | #3dd6b5 | hex colour |
accent2 | Text | #8b7bff | hex colour |
text | Text | #e6f2ee | hex colour |
bg | Text | #05080a | hex colour |
Events (via onTrigger): pulse