큐레이터 단비
웹 3D 애니메이션
Three.js와 웹GL로 만든 전체 화면 3D 장면 모음입니다. 은하, 블랙홀, 프랙탈, 군집 운동 등 기법별로 바로 재생할 수 있습니다.
공개 작품 42개 · 누르면 전체 화면
-
0001 파티클 은하 은하 성운 Galaxy Nebula 별 입자로 만든 은하 성운 장면입니다. 드래그와 스크롤로 우주를 둘러볼 수 있는 Three.js 웹GL 애니메이션입니다. -
0002 금속 유체 메시 리퀴드 크롬 Liquid Chrome Blob 액체 금속처럼 흐르는 크롬 블롭입니다. 반사와 변형이 이어지는 웹GL 머티리얼 실험 장면입니다. -
0003 네온 지형 비행 네온 지평선 비행 Neon Horizon Flight 네온 그리드 지형 위를 날아가는 비행 장면입니다. 신스웨이브 감성의 웹GL 속도감 연출입니다. -
0004 결정 굴절 크리스탈 생텀 Crystal Sanctum 수정 기둥이 모인 성소 장면입니다. 빛 굴절과 내부 반사를 살린 Three.js 크리스탈 연출입니다. -
0005 홀로그램 토러스 홀로 토러스 원자로 Holo Torus Reactor 홀로그램 토러스가 돌아가는 원자로 장면입니다. 링 구조와 발광을 겹친 웹GL 에너지 연출입니다. -
0006 블랙홀 원반 사건의 지평선 Event Horizon Blackhole 사건의 지평선과 강착 원반을 그린 블랙홀 장면입니다. 시공간 왜곡을 웹GL 셰이더로 표현합니다. -
0007 블록 얼음 성 프로스트킵 블록 성 Frostkeep Block Castle 얼음 블록으로 쌓은 설원의 성채 장면입니다. 눈발과 발광 크리스탈, 성벽을 Three.js 웹GL로 표현했습니다. -
0008 안개 마을 각성 미스트본 마을 Mistborne Village 안개 속 마을이 깨어나는 장면입니다. 저녁 안개와 불빛, 리플레이로 각성 순간을 다시 볼 수 있는 Three.js 웹GL 연출입니다. -
0009 컨테이너 항해 오션 레비아탄 Ocean Leviathan 대양 위를 항해하는 컨테이너선과 거친 파도 장면입니다. 안개 속 바다와 선박 흔들림을 Three.js 웹GL로 표현했습니다. -
0010 대성당 광원 루멘 사크럼 Lumen Sacrum Cathedral 웅장한 대성당 내부의 빛과 기둥 장면입니다. 성스러운 광원과 공간감을 Three.js 웹GL로 표현했습니다. -
0011 태양계 비행 솔라 오디세이 Solar Odyssey 태양 주위를 도는 오디세이 장면입니다. 코로나와 궤도감을 살린 Three.js 태양계 연출입니다. -
0012 심해 볼륨 심연의 바다 Abyssal Ocean 빛이 거의 닿지 않는 심연 바다 장면입니다. 부유 입자와 수중 안개를 웹GL로 쌓았습니다. -
0013 오로라 베일 천상의 베일 Celestial Veil 하늘 장막이 천천히 접히는 천상 장면입니다. 얇은 막과 빛띠를 셰이더로 겹칩니다. -
0014 생성 형태 형태 발생 Morphogenesis 세포처럼 형태가 자라나는 생성 장면입니다. 규칙이 쌓이며 구조가 바뀌는 웹GL 연출입니다. -
0015 광속 터널 하이퍼레인 터널 Hyperlane Tunnel 광속 항로를 통과하는 터널 장면입니다. 스트릭과 원근을 밀어 속도감을 만듭니다. -
0016 3D 프랙탈 만델벌브 프랙탈 Mandelbulb Fractal 만델벌브 공식을 돌려 만든 3D 프랙탈입니다. 궤도 드래그와 줌으로 내부를 파고듭니다. -
0017 사이버 도시 네오 디스트릭트 Neo District 네온 도시 블록이 늘어선 디스트릭트 장면입니다. 고층과 안개를 웹GL로 쌓은 야경입니다. -
0018 태양 근접 비행 파커 태양 탐사선 Parker Solar Probe 태양에 다가가는 탐사선 장면입니다. 열 차폐와 코로나 속을 지나는 웹GL 연출입니다. -
0019 보이드 군집 군집 비행 Murmuration 새 떼처럼 움직이는 군집 비행입니다. 보이드 규칙으로 흐르는 파티클 군무입니다. -
0020 실크 유동 실크 커런트 Silk Current 비단처럼 흐르는 전류 장면입니다. 얇은 리본이 서로 스치며 방향을 바꿉니다. -
0021 만화경 웜홀 만화경 웜홀 Kaleido Wormhole 만화경처럼 대칭되는 웜홀 장면입니다. 터널 안 무늬가 반복되며 빨려 들어갑니다. -
0025 민트 비즈 팝 민트 비즈 팝 Mint Breath Beads 상쾌한 민트 비즈를 터치해 팝하는 인터랙티브 장면입니다. 레드·그린 민트 팝 연출을 Three.js 웹GL로 표현했습니다. -
0026 하이퍼카 전시 GT-X 하이퍼카 GT-X Hypercar Exhibition 전시장 조명 아래 GT-X 하이퍼카를 돌려보는 인터랙티브 장면입니다. 색상·스테이지를 바꿔 감상할 수 있는 Three.js 웹GL 전시 연출입니다. -
0027 리빙 하이퍼카 전시 GT-X 숨 쉬는 전시장 Sylva GT-X Exhibition 41개의 부품이 하나의 완성차가 되는 순간. GT-X 하이퍼카 리빙 전시장. 오빗 드래그와 스펙 카드로 둘러보는 Three.js 웹GL 연출입니다. -
0028 은하 교향 천상의 교향 Celestial Symphony 은하수를 따라 흐르는 천체 교향 장면입니다. 별·성운·궤도를 드래그와 줌으로 둘러보는 Three.js 웹GL 우주 연출입니다. -
0029 야생 복원 히어로 SYLVA 살아 숨쉬는 세계 Sylva Living World 참을성 있는 설계, 토착 식재, 더 깊은 돌봄으로 야생을 복원합니다. 낮·밤 전환과 3D 파티클이 겹친 SYLVA 웹GL 히어로 장면입니다. -
0030 항성 붕괴 폭발 초신성 제네시스 Supernova Genesis 안정 항성이 붕괴하며 초신성으로 터지는 장면입니다. 코로나·충격파·잔해를 Three.js 웹GL로 연출합니다. -
0031 여섯 날개 수호자 세라프 메카 Seraph Mech 여섯 날개를 펼친 세라프 메카가 우주를 지키는 장면입니다. 에너지 링과 성운을 Three.js 웹GL로 표현합니다. -
0032 용암 단조 심연의 대장간 Magma Forge 용암 바다 위 심연의 대장간입니다. 녹아내리는 금속과 충격파를 Three.js 웹GL로 담았습니다. -
0033 양자 성당 양자 바실리카 Quantum Basilica 남보라 심연에 떠 있는 양자 바실리카입니다. 측정 파동과 발광 구조를 Three.js 웹GL로 연출합니다. -
0034 번개 거상 폭풍의 거상 Storm Colossus 번개가 말하는 자, 폭풍 거상입니다. 비바람과 수면 위 거대를 Three.js 웹GL로 표현합니다. -
0035 빙하 동굴 빙하의 성역 Glacier Sanctum 만년설 심부에 봉인된 빙하 동굴입니다. 얼음 천장·바닥과 붕괴 의식을 Three.js 웹GL로 담았습니다. -
0036 모래 바다 유적 사막 모노리스 Desert Monolith 모래 바다의 검은 기억, 사막 모노리스입니다. 폭풍과 능선을 Three.js 웹GL로 연출합니다. -
0037 연못 잉어 잉어의 숲 Koi no Mori 교토의 연못을 헤엄치는 잉어 장면입니다. 수면 파장과 오후 햇살을 Three.js 웹GL로 표현합니다. -
0038 개기월식 제단 핏빛 달의 의식 Blood Moon Eclipse 산꼭대기 원형 제단에서 벌어지는 핏빛 달의 의식입니다. 개기월식과 석주 점화를 Three.js 웹GL로 담았습니다. -
0039 4차원 서고 초입방 서고 Tesseract Archive 접히는 초입방체 안의 서고입니다. 차원 전환과 고서를 Three.js 웹GL로 연출합니다. -
0040 하늘 고래 오로라 고래 Skywhale Aurora 오로라를 가르며 나는 하늘 고래입니다. 설원과 유성을 Three.js 웹GL로 표현합니다. -
0041 창밖 야경 빗창의 도쿄 Tokyo Rain Window 비 오는 창밖으로 본 도쿄 야경입니다. 네온과 빗줄기를 Three.js 웹GL로 담았습니다. -
0042 고딕 종탑 시간의 종탑 Chrono Bell Tower 시간이 역류하는 폐허의 종탑입니다. 타종과 황혼 하늘을 Three.js 웹GL로 연출합니다. -
0043 유리 해일 전시 얼어붙은 유리 해일 Frozen Glass Wave 갤러리에 정지한 유리 해일입니다. 반사 바닥과 크리스탈 파도를 Three.js 웹GL로 표현합니다. -
0044 뉴런 점화 의식의 첫 빛 Neuron Awakening 겹겹이 접힌 피질에서 의식이 깨어나는 장면입니다. 축삭 연결과 점화를 Three.js 웹GL로 담았습니다. -
0047 도면 컷어웨이 레지던스 2층 Residence Second Floor 2층 평면도를 따라 쌓은 3베드 주거 인테리어입니다. 벽을 절개해 안방·거실·침실·욕실 동선을 Three.js로 둘러봅니다.
자주 묻는 질문
웹 3D 애니메이션은 무엇인가요?
브라우저에서 바로 돌아가는 Three.js·웹GL 장면입니다. 앱 설치 없이 작품 카드를 누르면 전체 화면으로 재생됩니다.
조작은 어떻게 하나요?
대부분 드래그로 시점을 돌리고 스크롤로 확대합니다. 작품마다 하단 안내에 조작이 적혀 있습니다.
모바일에서도 되나요?
터치 드래그로 볼 수 있습니다. 입자가 많은 장면은 휴대에서 프레임이 떨어질 수 있습니다.
정육점·카페 소개 페이지는 어디 있나요?
그런 웹 소개 페이지는 웹사이트 디자인 템플릿 모음에 있습니다. 이 목록은 전체 화면 3D 장면만 모았습니다.
새 작품은 계속 늘어나나요?
같은 형식으로 장면을 추가할 수 있게 만들어 두었습니다. 목록의 카드 수가 곧 공개된 작품 수입니다.
어떤 기술로 만들었나요?
각 작품은 HTML 한 장과 Three.js입니다. 파티클, 프랙탈, 블랙홀, 군집 운동처럼 기법이 장면마다 다릅니다.