Open Ocean: 브라우저에서 다시 만든 사실적인 바다
바람과 너울이 만든 파도 위로 1942년의 구축함 키쿠즈키가 지나가는 장면을 브라우저에서 실시간으로 그리는 3D 바다 시뮬레이션. 조여준의 개인 프로젝트입니다.
시작한 질문
다른 개발자가 공개한 기술 메모를 AI 에이전트에게 그대로 건네면, 게임 엔진 없이 브라우저만으로 사실적인 바다를 어디까지 만들 수 있을까?
접근 방식
일본 개발자 KANA(@KanaWorks_AI)가 X에 공개한 Godot 바다 기술 메모를 AI 에이전트에게 건네 three.js로 옮겼습니다. 파도는 해양학에서 쓰는 파랑 스펙트럼(JONSWAP)과 너울을 GPU에서 FFT로 계산하고, 파도가 접히는 곳에 흰 물거품이 생기며, 배가 지나간 자리에는 항적과 물보라가 남습니다. 흰 물거품의 양은 풍속에 따른 관측식(Monahan)에 맞춰 자동으로 조정되고, 배는 27곳의 파도 높이를 읽어 흔들립니다. 낮, 해 질 녘, 폭풍, 잔잔한 바다를 고를 수 있습니다.
결과물과 현재 상태
Vercel에서 공개 체험을 열 수 있습니다. 소스 코드는 비공개 저장소에 있습니다. 2026년 10월 13일 공개 화면과 데스크톱 브라우저 동작을 확인했습니다.
한계와 검증되지 않은 부분
원작 영상과 같은 품질을 재현했다는 뜻은 아닙니다. 독립 시각 검토에서 원작과 비교해 10점 만점에 4.5점을 받은 뒤 일부를 고쳤고, 다시 채점하지는 않았습니다. 배 모델은 DD KIKUZUKI ASSOC.의 “Japanese destroyer Kikuzuki in 1942”(CC BY 4.0)를 변환해 썼습니다. 먼 거리의 가는 와이어는 끊겨 보일 수 있고, 휴대폰이나 WebGL2를 지원하지 않는 기기에서의 동작은 확인하지 않았습니다.