HAIL MARY · DESIGN FACTORY
상상을 모으고.
움직임으로 만들다.
코드에서 디자인으로, 레퍼런스에서 실제 경험으로.
EXPLORE THE WORK
보는 것에서, 경험하는 것으로.
영상 속 작업을 직접 열고 스크롤하고, 끌어보고, 바꿔보세요.
MOTION REEL타이포에서 입체 공간으로14.54초 · 원본 음원 · 관통 줌시연 열기 ↗
POINT OF PRESENCE점으로 남은 사람원본 음원 · 카메라 회전 · 비교 보기시연 열기 ↗
SINKING INTO DITHER배와 물결, 낮과 밤디더링 · 시간대 조절 · 원본 음원시연 열기 ↗
INTO THE WORK텍스트 사이에서, 화면과 글자 안으로26초 · 샌드위치 · 다이브 · 관통 줌시연 열기 ↗
HAIL MARY지식에서 경험으로 이어지는 프로젝트42초 · 실제 서비스 캡처시연 열기 ↗
FORM흩어져도 연결되는 형태three.js · 스크롤 · 자동 감상시연 열기 ↗
PARTICLES수천 개의 점, 하나의 흐름three.js · 스크롤 · 자동 감상시연 열기 ↗
PASSAGE장면이 아닌 공간을 이동하다three.js · 슬라이더 · 자동 여행시연 열기 ↗
ORBIT손끝에 반응하는 조형react-three-fiber · 포인터 · 터치시연 열기 ↗
JOURNEY스크롤을 공간의 언어로drei · 스크롤시연 열기 ↗
FLOAT가볍게 머무는 순간drei · 포인터 · 감상시연 열기 ↗
CHROMA색이 표면 위를 흐르다shadergradient · 조절 · 감상시연 열기 ↗
LENS유리를 통해 보는 풍경liquid-glass-js · 드래그시연 열기 ↗
GLASS빛을 담은 인터페이스liquid-glass-js · 컨트롤 조작시연 열기 ↗
LIQUID윤곽을 따라 흐르는 금속liquid-logo · 재생 · 감상시연 열기 ↗
MOTION REFERENCES
움직임은 시간 위에서 분석합니다.
영상 레퍼런스가 등록되면 장면을 타임코드 단위로 나눠 동작의 원인과 결과를 기록합니다. 영상 5개의 시간순 프레임 기반 1차 분석이 등록되어 있으며, 정밀 재생 비교는 아직 미완료입니다. 자료실에서 영상 카드를 열면 디자인 콘셉트와 제작 프롬프트를 읽고 복사할 수 있습니다.
- 01원본 영상
- 02타임코드별 이동·속도·가감속
- 03스크롤·드래그 구분
- 04구현·재현 비교
LIBRARY
디자인 자료
디자인 자료를 불러오고 있습니다.
자료를 불러오지 못했습니다.
잠시 후 다시 시도해 주세요.
조건에 맞는 자료가 없습니다.
검색어나 필터를 바꿔보세요.
자료를 보내주시면 이곳에 정리합니다.