프롬프트에서 이미지로
홈페이지 오프닝. 점 하나가 이름으로 자라나고, 프롬프트를 입력하는 창으로 변해 전송 후 작업물로 완성되었다가 다시 점으로 돌아갑니다.
직접 개발한 애니메이션 라이브러리 noah-motion 으로 만든 오리지널 모션입니다. 영상 소스 없이 전 프레임이 코드로 실시간 렌더링되며, 일시정지하거나 원하는 프레임으로 자유롭게 이동할 수 있습니다.
작업물, 서명, 그리고 X 데이터.
홈페이지 오프닝. 점 하나가 이름으로 자라나고, 프롬프트를 입력하는 창으로 변해 전송 후 작업물로 완성되었다가 다시 점으로 돌아갑니다.
디퓨전 모델의 이미지 렌더링 시뮬레이션: 컬러 노이즈에서 시작해 30단계에 걸쳐 선명해지며, 단계 수와 노이즈 곡선이 함께 표시됩니다.
언어 모델의 자기회귀 토큰 샘플링 시각화: 매 스텝마다 상위 3개 후보 토큰과 Softmax 확률 바가 실시간으로 튀어나오며 선택된 토큰이 문장으로 이어집니다.
2차원 잠재 공간(z₁, z₂)의 네 가지 스타일 클러스터 사이를 탐침이 유영하며 색상 그라데이션과 스타일 혼합 가중치를 실시간으로 보간합니다.
저의 시그니처 문구. 글자가 하나씩 떨어지고 빛이 스쳐 지나가며, 별빛과 함께 문장이 자연스럽게 흩어집니다.
가상 커서가 크리에이티브 독 위를 미끄러지듯 지나가면 가우시안 거리 곡선과 물리 스프링에 따라 아이콘이 커지고 클릭 시 탄성 있게 튀어 오릅니다.
다섯 장의 작업물을 겹쳐 쌓은 덱. 맨 앞 카드를 넘기면 뒤로 가고 나머지가 앞으로 차례로 나옵니다. 한 바퀴 돌면 원래 자리로 돌아옵니다.
제 X 계정의 실제 조회수 데이터. 상위 6개 콘텐츠의 막대 그래프가 차례로 자라나며 숫자도 함께 카운팅됩니다.
X에 트윗을 올린 실제 시간대: 24시간 다이얼을 시계바늘이 돌며 시간대별 막대가 튀어나오고, 가장 활발한 시간대가 밝게 켜집니다.
해석적 물리 스프링(실시간 속도 벡터와 자연스러운 오버슈트 포함)과 고정된 CSS 삼차 베지어 곡선의 움직임을 나란히 비교합니다.
네 가지 반발 계수의 스프링이 동시에 움직입니다. 은은한 선으로 시간 경과에 따른 위치 곡선과 안정화까지 걸린 시간을 보여줍니다.
애니메이션 라이브러리의 자체 인트로. 저장소의 코드를 그대로 1080×1080, 60fps 비디오로 바로 내보낼 수 있습니다.
noah-motion 갤러리의 41가지 장면입니다.라이브러리 데모 사이트에서도 만나보실 수 있습니다.