≈왜곡

소용돌이, 볼록 렌즈, 만화경, 극좌표 변환처럼 아래 레이어의 픽셀 위치를 옮기는 효과. — 22개 항목

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

소용돌이 왜곡Twirl

중심을 기준으로 이미지가 말려 들어가듯 회전해 소용돌이처럼 보입니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

볼록·오목 왜곡Bulge

한 지점 주변을 볼록하게 부풀리거나 안쪽으로 오목하게 당깁니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

곡면 휨Bend

평평한 화면의 양끝을 휘어 가장자리가 앞으로 나오거나 안쪽으로 물러나는 원근감을 만듭니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

방향성 늘이기Stretch

중심에서 한 방향으로 내용이 길게 늘어나며 당겨진 듯한 자국을 만듭니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

좌우·상하 반전Flip

입력 이미지를 가로·세로 또는 두 방향으로 뒤집어 반대편에서 본 것처럼 바꿉니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

선 대칭Mirror

지정한 선을 기준으로 입력 내용을 거울처럼 대칭시킵니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

만화경Kaleidoscope

입력 이미지를 여러 방사형 조각으로 나누고 서로 비춰 만화경 무늬를 만듭니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

극좌표 변환Polar Coordinates

사각형 이미지의 좌표를 중심과 각도로 읽는 극좌표 공간에 매핑합니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

직교좌표 변환Rectangular Coordinates

극좌표로 배치된 입력을 가로·세로 축을 기준으로 다시 펼쳐 보여줍니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

원근 변형Perspective

평면 이미지를 3D 공간에서 기울여 가까운 쪽과 먼 쪽의 크기가 달라지는 원근감을 만듭니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

코너 핀Corner Pin

입력 이미지의 네 모서리를 각각 옮겨 사다리꼴이나 비스듬한 화면에 맞춥니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

파동 왜곡Wave Distortion

입력 화면 전체를 물결처럼 밀어 굽이치는 모양으로 만듭니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

바 시프트Bar Shift

이미지를 평행한 띠로 나누고 띠마다 위치를 달리해 분할·글리치처럼 보이게 합니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

동심원 회전Concentric Spin

중심을 둘러싼 여러 고리 안에서 입력 이미지가 서로 다른 각도로 회전합니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

플로우 필드 왜곡Flow Field

이미지의 픽셀이 부드러운 흐름을 따라 계속 이동해 유체처럼 일렁입니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

변위 맵Displacement Map

별도 맵 레이어의 색 정보를 읽어 입력 이미지를 위치별로 밀고 당깁니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

골유리 굴절Fluted Glass

반복되는 홈을 통과하듯 입력 화면이 굴절되어 줄무늬와 빛 반사가 생깁니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

유리 타일 왜곡Glass Tiles

격자 모양의 유리 타일마다 입력 이미지가 다르게 굴절되어 모자이크처럼 보입니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

구면화Spherize

평면 이미지를 둥근 구 표면에 얹어 중심과 가장자리에 깊이감을 만듭니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

3D 형태 매핑Form 3 D

입력 이미지가 조명이 있는 3D 형태의 표면을 따라 감기며 입체 오브젝트처럼 보입니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

3D 파동 표면Surface 3 D

입력 이미지가 물결치는 3D 표면 위에 펼쳐지고 원근과 조명으로 깊이감이 생깁니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

레이어 반복Repeater

하나의 입력을 격자·원형·직선으로 복제해 배열하고 복사본마다 크기와 회전 등을 달리합니다.