비주얼 효과 갤러리

Canvas와 WebGL로 구동되는 인터랙티브 2D 및 3D 효과. 114개 효과를 10개 카테고리로 탐색 — 브라우저만으로, 설치 불필요.

114

효과

10

카테고리

100%

무료

3D 효과

16

Three.js 기반 3D 장면, 셰이더, 레이마칭

3D 파티클 은하

Three.js 8000 파티클 나선 은하, 마우스 시차 인터랙션

3D 파티클 구

Three.js 5000 파티클 포인트 클라우드 구, 마우스 반발로 흩어지고 재결합

3D 동적 해면

Three.js ShaderMaterial 동적 파도 해면, 마우스로 파문 생성

3D 절차적 지형

Three.js Simplex noise 기복 지형, 4가지 지형 스타일

3D 네온 터널

Three.js 1인칭 네온 기하 터널 통과

3D 크리스탈 굴절

Three.js MeshPhysicalMaterial 투명 유리 크리스탈 굴절

3D 파티클 소용돌이

Three.js 토네이도 형태 파티클 소용돌이, 마우스 끌림과 반발

3D 부유 큐브

Three.js PBR 재질 부유 큐브, 마우스 중력 인터랙션

3D 성간 비행

Three.js 1인칭 성운 워프 비행

3D 리사주 곡선

Three.js 3D 리사주 곡선 파티클 궤적, 매개변수 조절 가능

3D 프랙탈 트리

재귀적으로 갈라지는 가지가 입체 나무로 자라며, 가지 끝의 빛나는 잎이 바람에 흔들립니다.

3D 무한 그리드

네온 격자 바닥이 지평선을 향해 끝없이 뻗고, 선이 앞으로 계속 흘러 신스웨이브의 질주감을 자아냅니다.

3D 레이마칭 구

전체 화면 프래그먼트 셰이더가 픽셀마다 광선을 전진시켜 물결치는 구면에 실시간으로 다가가 법선과 조명을 계산합니다.

3D 에너지 방어막

프레넬로 빛나는 구각에 육각형 에너지 무늬가 얹히고, 피격 시 명중 지점에서 충격 파문이 퍼집니다.

빛나는 고리가 소용돌이 에너지 원반을 감싸고, 극좌표로 무늬가 휘몰아치며 입자가 문 중심으로 빨려듭니다.

3D 와이어프레임 지구

경선과 위선으로 그려진 빛나는 지구가 천천히 자전하며, 구면에 깜빡이는 노드가 흩어져 있습니다.

파티클

15

파티클 시스템, 떼, 꽃가루 애니메이션

파티클 불꽃놀이

Canvas 파티클 불꽃놀이 효과, 인터랙티브

반딧불 파티클

랜덤 이동 광점, 글로우 잔상과 마우스 끌림

마우스 상호작용 파티클

파티클 그리드, 마우스 충돌로 흩어지고 재결합

별빛 파티클

은하 성운 파티클, 회전 및 반짝임

같은 입자 무리가 원·사각·별·하트·나선 사이를 매끄럽게 재배열하며, 개수는 그대로 각 점이 새 목표로 날아갑니다.

Particle Painting

Paint with particles or fluid on canvas, multiple brush effects

입자 타자기

글자가 한 자씩 나타나며, 각 글자는 사방에서 날아든 입자로 만들어지고 완성되면 흩어져 다시 시작합니다.

마우스 트레일

화려한 입자들이 포인터를 쫓아 흩날리다 사라지며, 멈추면 포인터가 부드러운 곡선을 따라 스스로 떠돕니다.

별빛 파티클 라인, 마우스로 별자리 그리기

Canvas 2D 파티클이 중심 중력점 주위를 공전, 행성 시스템처럼

Cosmic Collapse

Particle gravitational collapse simulation with merging, density coloring and disk formation

Multi-layer glowing soul rings from white to gold, rotating with particle drift effects

Canvas 2D 나선 은하 파티클 회전 애니메이션

2D 나선 은하

Canvas 2D 나선 은하 파티클 애니메이션

색종이 폭발

Canvas 2D 색종이 파티클 폭발 축하 효과

유체와 물리

18

유체 역학, 천, 불, 물리 시뮬레이션

유체 시뮬레이션

2D 유체 역학 시뮬레이션, 마우스 상호작용

유체 그라디언트 배경

부드러운 색 덩어리들이 유체처럼 천천히 흐르고 섞이며 미니멀하면서도 고급스러운 동적 그라디언트 배경을 만듭니다.

Fluid particles form into text after interaction

Canvas 2D 수면 물결 효과, 클릭과 마우스 인터랙션

천 시뮬레이션

Verlet 적분으로 매달린 천이 중력에 따라 늘어지는 모습을 재현합니다. 드래그로 당기고 바람을 더할 수 있습니다.

불꽃 시뮬레이션

고전적인 픽셀 단위 불꽃 알고리즘이 일렁이는 불길을 생성합니다. 강도를 조절하고 커서로 불을 지필 수 있습니다.

파티클 연기 상승 및 확산 효과

Canvas 2D 라바 램프 blobs 융합 및 분리 효과

말랑한 젤리가 중력으로 튀어 오르고 착지 때 눌렸다가 탱글탱글 떨며 되튑니다. 클릭해 찔러 볼 수 있습니다.

입자 모래 그림

색색의 모래가 위에서 쏟아져 경사면을 타고 흘러 언덕처럼 쌓입니다. 드래그해 원하는 곳에 모래를 부을 수 있습니다.

그레이-스콧 반응 확산이 산호와 반점 패턴을 생성

물을 통과하며 굴절된 햇빛이 바닥에 일렁이는 그물 모양의 빛을 드리우는 모습을 재현합니다.

볼류메트릭 구름

프랙탈 브라운 운동 노이즈를 여러 층으로 쌓아, 픽셀 단위로 피어오르며 흐르는 입체 구름을 생성합니다.

Canvas 2D 동적 구름 떠다니는 효과

Canvas 2D 컬러풀한 거품 물리 상승 시뮬레이션

떠다니는 거품

컬러풀한 거품이 떠오르는 효과

Canvas 2D 수묵 번짐 확산 효과

틈새로 새어드는 빛이 방사형 체적 광선을 이룹니다. 광원을 드래그하고 색을 바꿀 수 있습니다.

우주와 천문

9

행성, 별, 우주 현상의 3D 표현

3D solar system with 8 planets orbiting, Saturn rings, planet labels and starfield

Earth-Moon System

3D Earth-Moon orbital simulation with Earth rotation, Moon orbit, moon phases and starfield

Binary Star System

3D binary star simulation with barycenter orbit, accretion stream and 3 star type presets

Three-Body Problem

N-body gravitational chaos simulation with figure-8, Lagrange, chaotic and hierarchical presets

Day-Night Earth

3D Earth day-night terminator, city lights, sun angle and axial tilt control

Eclipse Simulator

Solar and lunar eclipse 3D simulation with shadow cones, inclination and coverage detection

Earth orbit through 24 solar terms with fixed axial tilt, seasonal colors and term markers

Gravitational Wave

Spacetime grid ripples from binary inspiral, single pulse and continuous wave sources

블랙홀 중력 렌즈

블랙홀의 거대한 중력이 빛을 휘어, 배경 별빛을 늘여 빛나는 아인슈타인 고리를 만듭니다.

빛과 글로우

12

네온, 플라즈마, 레이저, 발광 에너지

네온 글로우

Bloom 글로우, 네온 라이트, 색상 호흡 펄스

플라즈마 볼

클래식 플라즈마 볼 번개 효과

플라즈마 필드

Canvas 2D 클래식 플라즈마 효과, 흐르는 색상

Canvas 2D 레이저 광선 반사 + 파티클 효과

Canvas 2D 번개 아크 효과, 매개변수 조절 가능

원근 투영이 색색의 텍스처를 끝없는 터널로 늘여 앞으로 계속 날아드는 착시를 만듭니다.

컬러 격자가 렌즈 같은 중력 중심에 의해 왜곡·확장·굴절되고, 물결이 커서를 따라 흐릅니다.

에너지 펄스 링

에너지 고리가 중심에서 연이어 터져 바깥으로 퍼지며 사라집니다. 아무 곳이나 클릭해 새 펄스를 일으킵니다.

홀로그램 투영

홀로그램 동적 패턴, 스캔라인 오버레이

홀로그램 그리드

원근으로 뻗은 격자가 홀로그램 색으로 어른거리고 스캔 라인이 주기적으로 지나가 SF HUD 느낌을 줍니다.

색상 호흡 펄스 효과, 리드미컬한 움직임

동적 마스크 공개

어두운 화면 아래 흐르는 색 패턴이 숨어 있고, 떠도는 스포트라이트 마스크가 지나간 곳만 드러납니다.

글리치와 레트로

15

CRT, 스캔라인, 매트릭스 비, 디지털 왜곡

글리치 아트

RGB 분리, 스캔라인, 화면 찢어짐 글리치 효과

글리치 웨이브

흐르는 컬러 화면이 디지털 글리치로 찢겨 슬라이스가 어긋나고 RGB가 분리되며 스캔라인이 떨립니다.

CRT 브라운관 효과

주사선, RGB 형광 줄무늬, 비네팅, 천천히 흐르는 밝은 띠를 겹쳐 옛 브라운관 TV의 질감을 재현합니다.

촘촘한 주사선이 화면 전체를 덮고 밝은 띠가 아래로 반복해 훑으며, 오실로스코프와 CCTV 모니터의 질감을 재현합니다. 색상 전환 가능.

매트릭스 레인

Canvas 2D 매트릭스 스타일 코드 비 내림 효과

컬러풀한 코드 문자 비 내림 효과

무아레 무늬

거의 같은 두 격자를 겹치면 아주 작은 어긋남이나 회전으로 흐르는 무아레 줄무늬가 간섭해 나타납니다. 동심원과 직선 전환 가능.

노이즈 텍스처

프레임마다 변하는 절차적 노이즈로, TV 노이즈와 부드럽게 흐르는 안개 사이를 전환할 수 있습니다.

각 열의 픽셀을 밝기 임계값으로 나눠 재정렬해 화면을 흐르는 글리치 아트 줄무늬로 늘립니다.

흐르는 컬러 장면을 거친 모자이크 블록으로 다운샘플링하며, 블록 크기를 조절할 수 있습니다.

색수차/RGB 편이

화면의 빨강·초록·파랑 채널을 서로 다른 방향으로 어긋나게 겹쳐, 렌즈 색수차 같은 색 번짐을 가장자리에 만듭니다. 편이량 조절 가능.

분광 프리즘

백색광이 프리즘에 들어가 파장마다 굴절률이 달라 분산되며 무지개 스펙트럼으로 펼쳐집니다.

방사형 블러

화면을 중심 기준으로 단계적으로 확대해 반투명하게 겹쳐, 중심에서 바깥으로 터지는 줌 블러를 만듭니다. 강도 조절 가능.

동적 모자이크

흐르는 화면이 모자이크 타일로 나뉘고, 타일 크기가 호흡하듯 커졌다 작아지며 미세하게 흔들리고 깜빡입니다.

동적 무지개

무지개 색 띠가 물결치며 흐르고 색상이 계속 순환하며, 파도·링·빔 모드로 전환할 수 있습니다.

프랙탈과 기하학

13

수학 아트, 제너러티브 패턴, 그래프

프랙탈 탐험

만델브로 집합을 무한히 확대하며 다양한 색상 팔레트를 즐기세요.

줄리아 집합

복소 상수가 변하며 모습이 바뀌는 줄리아 집합 프랙탈

보로노이 다이어그램

움직이는 시드가 공간을 나누는 흐르는 보로노이 모자이크

스피로그래프

기어와 속도, 색을 조절해 매혹적인 곡선을 그리세요.

Canvas 2D 대칭 반사 기하 만화경

동적 등고선

진화하는 노이즈 필드 위의 지형 등고선 애니메이션

셀룰러 오토마타

콘웨이의 생명 게임 세포가 잔광을 남기며 진화

확산 제한 응집

무작위로 떠도는 입자가 기존 구조에 닿는 순간 달라붙어 눈송이 같은 프랙탈 수지상을 키워 갑니다.

플로우 필드

수많은 입자가 노이즈 기반 벡터장을 따라 흐르며 바람이나 해류 같은 궤적을 그립니다.

모핑 지오메트리

리드미컬 격자, 동심 파동, 유동 텍스처

그라데이션 메시

흐르는 그라데이션 메시 색상 효과

힘 기반 그래프

노드는 스프링으로 연결되면서 서로 밀어내고, 시스템은 평형에 도달해 얽힌 연결을 선명한 네트워크로 풀어냅니다.

자기장 시각화

Canvas 2D 자기선 시각화 + 파티클 운동

텍스트 효과

6

파티클로 형성되고 애니메이션되는 텍스트

텍스트 파티클

아무 텍스트나 입력하면 수천 개의 입자가 날아들어 글자 모양을 만들고, 클릭하면 흩어졌다가 다시 모입니다.

Fireworks explode then particles converge into text, then disperse

Confetti explodes into text, holds, then explodes again

Fireflies drift, converge into text, then disperse

Fluid particles form into text after interaction

Mouse-collided particles form text, then reform grid

자연과 날씨

6

비, 눈, 오로라, 자연스러운 분위기

빗방울, 물결, 유리 물방울 효과

3D 원근감 눈 내림, 바람 영향

Canvas 2D 그라데이션 오로라 애니메이션, 동적 흐름

Canvas 2D 이중 슬릿 간섭/파동 중첩 시각화

파형 시각화

동적 오디오 파형 시각화 효과

오디오 비주얼라이저

오디오 주파수 스펙트럼 시각화 애니메이션

동양 문화

5

태극, 역경, 별자리, 경락 시각화

Taiji Rotation Patterns

Yin-yang symbol rotating at variable speeds, trail strobe creates moiré interference patterns

I-Ching Compass

Multi-ring compass: 64 hexagrams + 8 trigrams + 24 mountains + Taiji center

Zodiac Ecliptic

Elliptic ecliptic band with 12 zodiac signs and star connections, switchable views

Zodiac Time Dial

12 Chinese hours dial with zodiac animals, pointer tracks current time

Meridian & Acupoints

3D human body with 14 meridians and major acupoints, hover for acupoint info