Projects

GC Symbol Logo

GC Symbol Study

2D 로고를 3차원 WebGL 심볼로

SVG 패스로 그려진 GC 브랜드 마크를 Three.js와 GLSL 셰이더로 3D 메시로 압출하고, 매 프레임 큐브맵·박막 간섭 컬러·이중 스페큘러를 계산해 비눗방울 같은 이리데선트 표면을 실시간으로 렌더링합니다. 커서·클릭·스크롤에 반응해 표면 아래에서 핫스팟과 리플이 번지는 인터랙티브 심볼 실험.

화면 전환과 모션 아이디어는 oryzo.ai에서 영감을 받아 직접 구현했습니다.

GC Symbol Study 커버 — 3D로 압출된 GC AI 심볼

담당

  • SVGLoader · ExtrudeGeometry 기반 2D → 3D 메시 변환
  • 박막 간섭 컬러 + 이중 스페큘러 프래그먼트 셰이더
  • 3프레임 주기 큐브맵 갱신으로 120fps 유지
  • 호버·클릭·스크롤 반응형 GLSL 모듈 6종
Three.js WebGL GLSL Shader SVG
Moody App Icon

Moody

음악을 보여주는 디지털 액자

Spotify와 연동되는 디지털 앨범 프레임. 지금 듣고 있는 음악의 앨범 아트를 10.1인치 IPS 디스플레이에 표시하고, 트랙 정보를 함께 보여줍니다.

담당

  • BLE 기반 디바이스 탐색 및 연결
  • WiFi 네트워크 스캔 및 설정
  • Spotify OAuth 2.0 (PKCE) 인증
  • 실시간 디바이스 상태 모니터링
Flutter Riverpod BLE Spotify API
econix Logo

econix

데이터가 바꾸는 경제 분석의 미래

경제 데이터를 자동으로 수집·분석해 다국어 대시보드와 리서치 리포트로 전달하는 경제 분석 플랫폼. Fed 발표·매크로 지표·시장 데이터·뉴스·전문가 소셜 시그널을 LLM으로 가공해 일반 투자자에게 전문가급 인사이트를 제공합니다.

econix 대시보드 스크린샷

담당

  • Next.js 14 App Router 기반 8개 언어 대시보드
  • Fed·매크로·시장·뉴스·소셜 데이터 수집 파이프라인
  • LLM 컨텍스트 처리 및 감성 분석 리포트 자동 생성
  • Supabase 콘텐츠 발행과 Threads 자동 포스팅
Next.js 14 TypeScript MUI Supabase Recharts Three.js Python LLM i18n