browser game
EBB & GRAB
ebb.flowoodz.com
썰물의 도둑, 물이 돌아오기 전에
가입 없이
바다가 물러난 바닥에서 보물을 줍고 밀물이 삼키기 전에 돌아오는 3D 쿼터뷰 액션 게임입니다. 비싼 보물일수록 무겁고, 무거우면 느려집니다. 브라우저에서 바로 플레이.
바로 써보기핵심 기능
- 썰물이 드러낸 바다 바닥에서 보물을 줍습니다.
- 비싼 보물일수록 무거워 느려지니, 무엇을 들고 나올지 고릅니다.
- 밀물이 삼키기 전에 마을로 돌아와야 전리품을 지킵니다.
- 시작 화면에서 조작키 안내와 최고 기록을 확인합니다.
화면
이렇게 씁니다
출항하기를 누르면 썰물이 드러낸 바다 바닥으로 나갑니다.
보물은 가까이 가면 저절로 줍고, Space를 눌러 뭍으로 던져 무게를 덜어 냅니다.
마을로 돌아와 금화로 업그레이드를 사고, 조수 12번 안에 배를 고칩니다.
만든 이유
수집형 게임은 대개 많이 주울수록 좋은데, 저는 욕심이 곧 느려짐이 되는 게임을 만들고 싶었습니다. 깊은 곳의 보물일수록 비싸고 무거우며, 남은 시간은 숫자가 아니라 실제로 밀려오는 바다로 보여 줍니다. 자루를 키우는 업그레이드도 든 만큼 느려지게 해서 긴장이 풀리지 않습니다. 짐을 지고 뛰는 대신 뭍으로 던지며 전진하는 판단이 실력이 되도록 설계했습니다.
이어서 보기
만드는 과정은 제작 노트에 남아 있습니다. 브라우저 게임을 포털에 내기 전에 확인한 조건은 웹게임 포털 6곳 제출 요건 비교에 적어 두었습니다. 같은 종류의 다른 제품은 브라우저 게임 목록에서 볼 수 있습니다.
변경 기록
- 시크릿 창처럼 저장이 막힌 브라우저에서도 게임이 시작됩니다.
- 마을 안에서는 딥원이 쫓아오거나 공격하지 않습니다.
- 미니맵 화살표가 캐릭터가 향한 방향을 제대로 가리킵니다.
- 휴대폰에서 가상 스틱이 바로 끊기던 문제를 고치고 버튼 배치를 다시 잡았습니다.
- 썰물·밀물·정산 때마다 하늘과 물빛이 바뀌는 조명이 들어갔습니다.
- 화면 UI를 굵은 외곽선과 흰 패널로 바꾸고 미니맵을 키웠습니다.
- 썰물에 보물을 줍고 밀물 전에 마을로 돌아오는 첫 버전이 나왔습니다.
- 보물을 뭍으로 던져 짐을 덜고, 마을에서 번 금화로 배를 고칩니다.
관련 글 2
드로우콜 2857개를 218개로 줄인 밤: three.js InstancedMesh와 거울 변환 함정
제가 만든 3D 웹게임 EBB & GRAB에서 정적 프롭을 InstancedMesh로 병합해 드로우콜을 2857개에서 218개로 줄인 기록입니다. 그 과정에서 마주친 거울 변환 함정도 같이 정리했습니다.
no-cache를 걸었는데 4시간 캐시가 됩니다: Cloudflare Browser Cache TTL
three.js로 만든 웹게임을 nginx로 배포하다가 옛 코드가 캐시된 채 새 에셋을 404로 찾는 문제를 겪었습니다. no-cache 헤더를 걸어도 안 됐고, 원인은 Cloudflare의 기본 Browser Cache TTL 4시간이었습니다.
