← Back to catalog📄 Implementation guide
Advanced WebGL / Canvas

WebGL Distortion

Uses GPU shaders to warp images, scenes, or transitions.

Advanced, experimental, premium

Professional
Casual
Exotic
Visual impact
Difficulty
Performance cost

Best use: Creative sites, immersive pages

Aerial view of a rugged coastline where the surf meets the rocks

GLSL Fragment Shader

The coastline,
rendered in liquid light.

Meridian builds immersive web films where every pixel answers to your touch. Drag across the shore and watch the horizon bend, frame by frame, through the GPU.

Technique: GLSL fragment shader warping a texture's UVs (three.js full-screen quad)