한동훈 브리핑 260611

 

최종 빌드 v3Three.js • WebGL

생동감
넘치는 인터페이스 구축 .

안녕하세요, 저는 한입니다. 공간 웹 경험을 디자인하고 코딩합니다. 이곳은 제 연구실 일지이며, 3D, 컴퓨터 비전, 인터랙션 디자인 실험 결과를 담고 있습니다. 아래는 실시간 재질, 제스처 제어, 이미지 기반 조명을 적용한 블로그 시스템의 최종 버전입니다.

직무 탐색메모를 읽어보세요⌘K를 눌러 검색하세요

빠른 속도로 제품을 출시하는 팀들이 신뢰하는 플랫폼입니다. 이번 달 조회수 12만 회 이상.

한 승리의 순간
추천

승리 루프 — 상호작용 연구

모션 캡처된 축하 장면을 WebGL 셰이더로 재현했습니다. 모바일에서 초당 60프레임을 지원합니다.

사례 연구 007 • 한 승리 1.jpg렌더링: 3.4ms

현장 촬영

스와이프하거나, 드래그하거나, 화살표를 사용하세요. 이러한 동작으로 위에 있는 3D 재질을 움직일 수 있습니다.

실험 노트 — KNN 시각화 도구

실험

K-최근접 이웃 알고리즘 데모를 GPU에서 완전히 실행되도록 재구축했습니다. 점들은 인스턴스화된 메시이며, 거리는 셰이더에서 계산되어 렌더 타겟을 통해 전달됩니다. 아래 이미지는 노이즈가 있는 나선형 패턴에서 분류 경계를 캡처한 것입니다.

KNN 시각화
fps
144
데스크톱 • WebGL2
전철기
25,000
인스턴스화됨
케이
7
동적

v3의 새로운 기능은 무엇인가요?

  • 캡처한 이미지를 기반으로 조명을 적용한 Three.js 장면
  • 드래그하여 기울이는 카드, 마우스 오버 시 스프링 물리 효과
  • 완벽한 모바일 성능: DPR 제한, 지연된 텍스처
  • 명령 팔레트(⌘K) 스캐폴드가 포함되어 있습니다.

스택

쓰리.js순풍웹GL2비테GSAP

다음은

KNN 셰이더를 WebGPU 컴퓨팅으로 포팅하고, 웹캠 손 추적 기능을 추가하여 카메라를 조종하고, MDX 기반 블로그 템플릿을 출시합니다.

한 - 크리에이티브 개발자

저는 팀이 기발한 아이디어를 빠르고 아름다운 웹 경험으로 구현할 수 있도록 돕습니다. 3D 제품 페이지, 인터랙티브 스토리, 또는 숙제처럼 느껴지지 않는 데이터 시각화를 원하신다면, 언제든 연락 주세요.

댓글 쓰기

Welcome

다음 이전