Projects
GC Symbol Study
2D 로고를 3차원 WebGL 심볼로
SVG 패스로 그려진 GC 브랜드 마크를 Three.js와 GLSL 셰이더로 3D 메시로 압출하고, 매 프레임 큐브맵·박막 간섭 컬러·이중 스페큘러를 계산해 비눗방울 같은 이리데선트 표면을 실시간으로 렌더링합니다. 커서·클릭·스크롤에 반응해 표면 아래에서 핫스팟과 리플이 번지는 인터랙티브 심볼 실험.
화면 전환과 모션 아이디어는 oryzo.ai에서 영감을 받아 직접 구현했습니다.
담당
- SVGLoader · ExtrudeGeometry 기반 2D → 3D 메시 변환
- 박막 간섭 컬러 + 이중 스페큘러 프래그먼트 셰이더
- 3프레임 주기 큐브맵 갱신으로 120fps 유지
- 호버·클릭·스크롤 반응형 GLSL 모듈 6종
Moody
음악을 보여주는 디지털 액자
Spotify와 연동되는 디지털 앨범 프레임. 지금 듣고 있는 음악의 앨범 아트를 10.1인치 IPS 디스플레이에 표시하고, 트랙 정보를 함께 보여줍니다.
담당
- BLE 기반 디바이스 탐색 및 연결
- WiFi 네트워크 스캔 및 설정
- Spotify OAuth 2.0 (PKCE) 인증
- 실시간 디바이스 상태 모니터링