Neural Tunnel

An endless tunnel of pulsing neural strands

neural-tunnel-tw

Customize

Layers

Falloff

1.25

Blend

1.50

Feedback

0.60

Amplitude

0.50

Scale

1.00

Perspective

0.10

Zoom

1.00

Speed

1.00

Bands

Phase

3.50

Spread

0.00

Gamut

1.00

Contrast

1.85

Vignette

0.30

Opacity

1.00

Color

Hot Color

Background

Cursor Interaction

Cursor Shift

0.25

Paused

Props

Name	Type	Default	Description
`layers`	number	`24`	Gyroid octaves stacked into the tunnel, 1 to 34.
`falloff`	number	`1.25`	How fast each octave shrinks, above 1.
`blend`	number	`1.5`	Softness of the union between octaves.
`feedback`	number	`0.6`	How strongly each octave warps the next.
`amplitude`	number	`0.5`	Scale of the first octave.
`scale`	number	`1`	Overall size of the structure.
`perspective`	number	`0.1`	Ray depth, lower widens the field of view.
`zoom`	number	`1`	Framing of the tunnel mouth.
`speed`	number	`1`	Travel speed through the tunnel.
`bands`	number	`20`	Colour cycles across the depth range.
`phase`	number	`3.5`	Starting offset of the colour cycle.
`spread`	number	`0`	Channel separation across the spectrum, 1 matches the classic palette.
`gamut`	number	`1`	Palette amplitude, above 0.5 clips the bands into hard filaments.
`contrast`	number	`1.85`	Tone response curve, above 1 deepens the shadows.
`vignette`	number	`0.3`	Corner falloff, 0 to 1.
`color`	string	`"#160a24"`	Base colour the tunnel sits in.
`hotColor`	string	`"#e879f9"`	Colour of the bright filaments.
`backgroundColor`	string	`"#0a0a0a"`	Panel backdrop, or "transparent" to show the page through.
`opacity`	number	`1`	Master alpha.
`cursorInteraction`	boolean	`true`	Let the pointer steer the tunnel.
`cursorShift`	number	`0.25`	How far the pointer steers, 0 to 1.
`paused`	boolean	`false`	Freeze the animation.
`adaptiveQuality`	boolean	`true`	Scale back resolution when the frame budget slips.
`targetFps`	number	`60`	Frame rate the quality meter aims to hold.
`dpr`	number	`1.5`	Upper device pixel ratio bound.
`className`	string	`undefined`	Extra classes for the panel.
`children`	ReactNode	`undefined`	Content layered above the panel.

layersnumber

Gyroid octaves stacked into the tunnel, 1 to 34.

Default24

falloffnumber

How fast each octave shrinks, above 1.

Default1.25

blendnumber

Softness of the union between octaves.

Default1.5

feedbacknumber

How strongly each octave warps the next.

Default0.6

amplitudenumber

Scale of the first octave.

Default0.5

scalenumber

Overall size of the structure.

Default1

perspectivenumber

Ray depth, lower widens the field of view.

Default0.1

zoomnumber

Framing of the tunnel mouth.

Default1

speednumber

Travel speed through the tunnel.

Default1

bandsnumber

Colour cycles across the depth range.

Default20

phasenumber

Starting offset of the colour cycle.

Default3.5

spreadnumber

Channel separation across the spectrum, 1 matches the classic palette.

Default0

gamutnumber

Palette amplitude, above 0.5 clips the bands into hard filaments.

Default1

contrastnumber

Tone response curve, above 1 deepens the shadows.

Default1.85

vignettenumber

Corner falloff, 0 to 1.

Default0.3

colorstring

Base colour the tunnel sits in.

Default"#160a24"

hotColorstring

Colour of the bright filaments.

Default"#e879f9"

backgroundColorstring

Panel backdrop, or "transparent" to show the page through.

Default"#0a0a0a"

opacitynumber

Master alpha.

Default1

cursorInteractionboolean

Let the pointer steer the tunnel.

Defaulttrue

cursorShiftnumber

How far the pointer steers, 0 to 1.

Default0.25

pausedboolean

Freeze the animation.

Defaultfalse

adaptiveQualityboolean

Scale back resolution when the frame budget slips.

Defaulttrue

targetFpsnumber

Frame rate the quality meter aims to hold.

Default60

dprnumber

Upper device pixel ratio bound.

Default1.5

classNamestring

Extra classes for the panel.

Defaultundefined

childrenReactNode

Content layered above the panel.

Defaultundefined