- Role
- 1인 기획 · 디자인 · 개발
- Year
- 2026
- Status
- 운영 중
- Stack
- Next.js · TypeScript · Three.js · React Three Fiber · Zustand · OpenRouter · Vitest · Cloudflare Workers
(Overview)
공간과 예산, 원하는 분위기와 키우고 싶은 생물을 말하면 어항을 설계해 3D로 보여주는 웹 서비스입니다. 생물끼리 함께 살 수 있는지 규칙으로 검사하고, 예상 비용과 설계에 맞는 장비 구매 링크까지 이어줍니다.
무엇을 하나
수조 크기와 분위기, 구도를 고르고 물고기·새우·수초·유목을 넣으면 브라우저에서 바로 3D 어항이 만들어집니다. AI 도우미에게 “60cm 계곡형에 판다 코리를 넣고 싶어”처럼 말로 요청해도 되고, 직접 하나씩 편집해도 됩니다. 완성한 설계는 예상 비용·유지비와 함께 저장하고 공유할 수 있습니다.
생물을 먼저 생각하는 규칙
예쁜 그림보다 그 안의 생물이 살 수 있는지가 먼저입니다. 최소 수조 크기와 무리 지어 살아야 하는 마릿수, 함께 키울 수 있는 수온 범위, 영역 다툼과 지느러미를 무는 습성, 새우를 잡아먹는 위험, 수초에 필요한 빛과 CO₂까지 규칙 엔진이 검사합니다. AI가 만든 구성도 같은 규칙으로 다시 검사하며, 화면에는 보수적인 기본 검토이니 실제 입수 전 전문가 확인을 권한다고 함께 적어 둡니다.
3D를 가볍게
물고기와 수초, 유목을 종마다 정해진 규칙으로 직접 생성해서 무거운 3D 모델 파일 없이 장면을 그립니다. 같은 설계는 언제나 같은 장면으로 보이고, 화면 밖에서는 렌더링을 멈추며, 3D 라이브러리는 필요할 때만 내려받습니다. WebGL을 쓸 수 없는 기기에서는 2D 화면으로 대신 보여줍니다.
1차 출시 구성
로그인이나 서버 저장 없이도 3D 편집, 규칙 검사, 로컬 저장, 쇼핑 링크가 모두 동작하도록 출시했습니다. AI 상담은 무료 모델만 쓰고, 클라우드 저장과 견적 요청은 설정 하나로 켤 수 있게 준비해 두었습니다.
Highlights
- 물고기·새우 25종, 수초 23종, 유목·자연석 14종, 장비 9종
- 자연형·이와구미·블랙워터·더치 등 9가지 분위기와 6가지 구도
- 자동 테스트 102개, Lighthouse 모바일 접근성·SEO 100
- WebGL을 쓸 수 없는 기기를 위한 2D 대체 화면