My Favorites

No favorites yet. Click the bookmark button on a tool page to add favorites.

光の歪み

色付きグリッドがレンズのような重力中心に歪められ、引き伸ばされ屈折し、波紋がカーソルに追従します。

A colorful grid is warped by a lens-like gravity center where the light is stretched and refracted, accompanied by outward-spreading ripples. Move the mouse to drag the warp center; tap Mode to switch between lens and water ripples.

About Light Warp

Light Warp is an interactive light & glow effect. A colorful grid is warped, stretched and refracted by a lens-like gravity center, with ripples flowing under the cursor. Control light sources, colors, and intensity for stunning visual effects. The rendering engine simulates real-world light behavior including bloom, glow, and color diffusion. This effect runs directly in your browser using HTML5 Canvas, with no downloads or plugins required.

How to Interact

Move your mouse to control light sources, energy fields, or glow positions. Adjust parameters to change colors, intensity, speed, and visual patterns in real-time for custom light compositions.

Technical Details

Rendered on HTML5 Canvas with custom glow and bloom algorithms. Uses gradient blending, color cycling, and luminance mapping for vibrant light effects that simulate neon, plasma, and energy fields.

Use Cases

Perfect for creative backgrounds, neon-style visual design, music visualization projects, or as inspiration for lighting and glow effects in digital art and motion graphics.