Morph Engine

MORPH ENGINE — 3D PARTICLE MORPH

A lightweight, hypnotic particle lab built in pure Canvas 2D.

10 procedural shapes: Sphere, Cube, Torus, Helix, Galaxy, Pyramid, Wave, Ring, Knot, Heart — all morphed with smooth lerp.

CONTROLS:
Shapes: Click any shape — particles animate to the new form
Rotation: Rot X / Y / Z sliders, or just click-drag the stage. Space = next shape, R = reset, H = hide UI
Spin: X / Y / Z spin speed (-2 to 2)
Look: Particles (200-4000), Size (0.3-3), Glow (0.2-2.5), Zoom, Trails, Morph speed
Color Modes: Spectrum (rainbow by index), Depth, Radial, Ice (172°-234°), Fire (0°-55°), Mono (white)

FEATURES:

• Real 3D math — cos/sin rotation matrices, perspective projection fov = 4.2
• Additive blending globalCompositeOperation = lighter + trail fade destination-out
• 48-color hue atlas pre-rendered with radial gradients for performance
• FPS counter + particle count, auto-rotates, transparent BG toggle
• Everything runs in one canvas, no Three.js, no WebGL, no upload

Perfect for: wallpapers, VJ loops, meditation visuals, screensaver, inspiration board.

DEVELOPER NOTES:

This build is entirely in HTML5 and based on a Unity prototype.

If you would like me to update and expand this file please consider donating.

Let me know in the comments what desired improvements or bugs you experience and we will update it for Version 2.

The Morph Engine is free to use, if you would like to purchase the zip file you can use the source code to the Morph Engine itself in your projects.