AURA.STUDIO
HTML5 Canvas & Math Generation

Animate your digital essence.

An interactive organic energy canvas simulation. Shift frequencies, customize color channels, map mouse responsiveness, and enjoy zero-dependency aesthetic computing.

60
Target FPS
4
Fluid Nodes
GPU
Accelerated
LIVE CANVAS RENDER Cosmic Neon
Hover / Drag mouse over Orb
RESOL: 500x500px
SENSITIVITY: 1.2x

Orb Control Panel

Fine tune the liquid math variables. Adjust the noise amplitude, scale vectors, colors and behavior metrics dynamically rendered via requestAnimationFrame.

Morphing Speed 1.0x
Liquid Chaos (Complexity) 4
Core Scale 140px
Glow Blur Radius 50px
Blend Mode Screen
Show Wireframe Nodes OFF
Gravity Intensity 1.2x

All calculations run client-side inside standard requestAnimationFrame loops.

Real-Time Fluidics

By calculating custom harmonic waves on rotating radial coordinate vectors, we render highly responsive fluid animation directly into the standard 2D canvas context.

Hover Interactivity

Hover, drag, and move your cursor across the container. The orb recognizes the custom acceleration pull vector and shifts its center mass fluidly toward the event coords.

Extremely Portable

Built natively on top of Canvas APIs using Vanilla JS algorithms. No heavy external 3D engine wrappers. Lightweight, high-performance, and incredibly customizable.