Matrix Code-Rain (Canvas)
Density and speed controls. Lazy-inits when visible.
View source
// matrix rain init (simplified)
initMatrixRain(canvas, {density, speed}){ /* ... */ }🚧 Under Development
These experiments are currently being refined. Return to main site or check back soon!
Play with code.
Glitchy, hacker-vibe experiments you can poke at on mobile and desktop.
Density and speed controls. Lazy-inits when visible.
// matrix rain init (simplified)
initMatrixRain(canvas, {density, speed}){ /* ... */ }A horizontal ticker of 0s and 1s — adjustable speed and density.
// binary ticker: scrolls streams of 0/1 across the canvas
initBinaryTicker(canvas, {speed,density}){ /* ... */ }Scanlines, subtle HUD elements and occasional glitches for that hacker vibe.
// hud overlay draws scanlines, grid dots and occasional pings
initHud(canvas, {intensity}){ /* ... */ }Type text and apply slice/jitter effects.
// glitch text draw loop
drawGlitchText(canvas, text, intensity){ /* ... */ }Particles follow pointer or touch. Tap to spawn bursts.
// particle system
initParticles(canvas){ /* ... */ }Uses microphone if allowed. Falls back to simulated animation if denied.
// audio visualizer uses AnalyserNode
initAudioViz(canvas){ /* ... */ }Watch artificial neurons fire and learn. Adjust network topology and learning rate.
// neural network simulation
initNeuralNet(canvas, {nodes, speed}){ /* ... */ }Watch code compile in real-time with syntax highlighting and build progress.
// code compiler effect with syntax highlighting
initCompiler(canvas, {language}){ /* ... */ }