웹 프로젝트 목록으로
웹프론트엔드
Arcanyst.com
프론트엔드WebGL 포털을 갖춘 Arcanyst 세계관 마케팅 사이트. 3개 언어로 현지화.
Arcanyst.com은 Caesium Games의 Arcanyst 세계관에 속한 네 게임 Arcanyst Chaos, Bloopire, Apothecaria, Witchroad를 소개합니다. 랜딩 페이지에는 React Three Fiber와 커스텀 GLSL 셰이더로 렌더링되어 네 세계 사이를 크로스페이드하는 WebGL 마법사 포털이 있습니다.
개요
Arcanyst.com은 Caesium Games의 Arcanyst 세계관에 속한 네 게임 Arcanyst Chaos, Bloopire, Apothecaria, Witchroad를 소개합니다. 랜딩 페이지에는 React Three Fiber와 커스텀 GLSL 셰이더로 렌더링되어 네 세계 사이를 크로스페이드하는 WebGL 마법사 포털이 있습니다.
React 19, Vite, TypeScript, Tailwind CSS 4로 제작되었고 영어, 프랑스어, 한국어를 지원하며, WebGL을 사용할 수 없거나 동작 줄이기가 요청되면 정적 아트로 대체됩니다.
주요 기능
- 지연 로딩되는 커스텀 GLSL 셰이더 기반 React Three Fiber 포털
- 디자인 토큰 기반 Tailwind CSS 4 테마
- 사이트맵 생성이 포함된 현지화 라우트 (/, /fr, /ko)
- 동작 줄이기와 작은 화면을 위한 접근성 대체 수단
다른 웹 프로젝트
이전 포트폴리오: React, Vite, Tailwind, Three.js로 만든 3D 인터랙티브 사이트. 현재 3d.calvindogus.dev에서 운영 중.