WORK 01 웹 개발 · 인터랙티브 위트 인터랙티브 쇼릴 위트가 위트를 소개하기 위해 만든 인터랙티브 쇼릴입니다. 정규화된 스크롤 값 하나가 모든 프레임을 만듭니다. 인터랙티브웹사이트WebGL스크롤인터랙션브랜드쇼릴ThreeJS 프로젝트 보기 상세보기 ↗
WORK 02 웹 개발 · 인터랙티브 위트 랩 · 시네마틱 스크롤 WebGL 캔버스 두 장을 겹쳐, 뒤에는 커서를 따라 피어나는 ASCII 그리드를 앞에는 홀로그래픽 마크를 세운 랜딩입니다. 시네마틱스크롤WebGL하프톤ASCII그리드GLB 프로젝트 보기 상세보기 ↗
WORK 03 웹 개발 · WebGL 위트 노바 · 파티클 유니버스 12만 개의 점이 스크롤을 따라 일곱 단계를 통과합니다. 구체에서 나선은하까지, 모든 픽셀이 계산으로 만들어집니다. WebGL파티클포스트프로세싱절차적생성ThreeJS 프로젝트 보기 상세보기 ↗
WORK 04 웹 개발 · 인터랙션 위트 베스퍼 · 살아 있는 인터페이스 커서와 스크롤을 읽어 움직임으로 답하는 인터랙션 레이어. 하나의 파티클 필드가 구체·은하·뇌 세 형태를 통과합니다. 인터랙션디자인WebGL파티클절차적생성포인터반응 프로젝트 보기 상세보기 ↗
WORK 05 웹 개발 · 디자인 스터디 위트 캐리어스 · 화물의 모든 구간 지구본에서 트럭, 배, 비행기까지. 화물 여정 전체를 스크롤 하나로 따라가는 물류 브랜드 사이트 디자인 스터디입니다. 디자인스터디물류브랜드스크롤스토리텔링WebGL지구본ThreeJS 프로젝트 보기 상세보기 ↗