≈Distortions

Twirl, bulge, kaleidoscope and polar coordinates — effects that move where the pixels beneath them land. — 22 entries

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Twirl소용돌이 왜곡

The image curls around a point, creating a swirling vortex.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Bulge볼록·오목 왜곡

Content swells outward or pinches inward around a chosen point.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Bend곡면 휨

The frame curves toward or away from the viewer, changing the apparent depth at its edges.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Stretch방향성 늘이기

Content pulls and elongates away from a center in a chosen direction.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Flip좌우·상하 반전

The input is mirrored horizontally, vertically, or along both axes.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Mirror선 대칭

The input reflects across a line positioned and angled by the user.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Kaleidoscope만화경

Radial mirror segments repeat the input into a kaleidoscope pattern.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Polar Coordinates극좌표 변환

The rectangular image is remapped into a space described by angle and distance from a center.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Rectangular Coordinates직교좌표 변환

Polar-space content is remapped into a rectangular, axis-aligned frame.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Perspective원근 변형

A flat image tilts in 3D, with perspective changing the apparent size of its near and far sides.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Corner Pin코너 핀

Each corner moves independently, warping the image to fit a skewed plane.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Wave Distortion파동 왜곡

The input ripples in a repeating wave that can move across the frame.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Bar Shift바 시프트

Parallel strips offset by different amounts create a fractured or glitch-like image.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Concentric Spin동심원 회전

Nested rings rotate the underlying image by different amounts.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Flow Field플로우 필드 왜곡

The image drifts continuously along a smooth, fluid-like flow.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Displacement Map변위 맵

A source layer's pixel values push the input image around in different places.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Fluted Glass골유리 굴절

The input refracts through repeating glass flutes, creating ribbed bands and highlights.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Glass Tiles유리 타일 왜곡

A grid of glass-like tiles refracts the input into a segmented mosaic.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Spherize구면화

The image curves over a sphere, giving the center and edges a rounded sense of depth.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Form 3 D3D 형태 매핑

The input wraps around a lit 3D shape, turning flat content into a dimensional object.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Surface 3 D3D 파동 표면

The input drapes over a lit 3D wave surface with visible depth and perspective.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Repeater레이어 반복

One input repeats in a grid, circle, or line, with optional variation between copies.