Mesh distortion

← All motion patterns

Mesh distortion

Subscription

Wireframe sphere that ripples and rotates. Scroll-reactive.

A wireframe sphere drawn in 2D canvas with mathematical sphere projection and procedural sin-wave distortion. Rotates smoothly. Scroll position intensifies the distortion. Z-depth fades the back of the sphere for natural depth perception. No Three.js required.

This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.

See plans
Mesh distortion · CreativePower