개발 이야기

게임을 만들면서 알게 된 것들을 적습니다.

• 2026년 10월 25일배포했는데 한 시간 동안 예전 페이지가 보였다캐시 헤더를 파일 확장자로 정했더니 확장자 없는 깔끔한 주소는 규칙에 걸리지 않아 Firebase 기본 1시간 캐시가 적용되었다. 요청 주소로 규칙이 고른다는 것을 몰랐다.운영
• 2026년 10월 25일구름이 닿지 않는 판은 왜 나오지 않을까구름 점프는 구름을 무작위로 놓는데도 위로 못 올라가는 판이 나오지 않는다. 구름 사이 간격의 최댓값을 점프가 닿는 높이보다 작게 묶어 두었기 때문이다.게임 디자인
• 2026년 10월 25일밟으면 사라지는 구름은 길에 놓지 않았다구름 점프의 회색 구름은 밟으면 흩어지고 튀어 오르지 않는다. 이 구름을 길에 넣으면 못 올라가는 판이 생길 수 있어서, 길과 따로 덤으로만 놓았다.게임 디자인
• 2026년 10월 25일바탕을 지웠는데 분홍 띠가 남았다마젠타 바탕을 지운 구름 점프 그림의 가장자리에 분홍과 보라 띠가 남았다. 안쪽 이웃 색으로 덮는 도구로 대부분 고쳤지만 파란 구름의 가는 바람 줄은 따로 손을 봐야 했다.그림·소리
• 2026년 10월 25일하루에 세 번 바꾼 배포 제외 규칙사이트에 올리지 않을 파일을 하루 사이에 세 방식으로 걸러 보았다. 파일 이름 규칙은 빠졌는지 확인할 수 없어서, 폴더 이름으로만 정하고 모르는 파일이 있으면 배포를 멈추게 했다.도구·자동화
• 2026년 10월 25일게임 화면에 fps 를 띄우는 열 줄짜리 코드아이패드에서만 느린 문제를 찾으려면 숫자부터 봐야 했다. requestAnimationFrame 으로 초당 프레임 수를 세어 화면에 찍는 법과, 8GB 를 받아 만든 아이패드 시뮬레이터에서 그 숫자를 읽기까지 겪은 일을 적었다.기술
• 2026년 10월 25일아이패드에서만 게임이 1초에 한 번 움직였다크롬에서는 60fps 인데 아이패드 사파리에서는 11fps 였다. 시뮬레이터에서 해결됐다고 믿고 배포했다가 실제 기기에서 같은 문제를 다시 만난 과정을 적었다.기술
• 2026년 10월 25일닿은 것처럼 보이는데 안 밟히는 구름그림과 판정이 어긋나면 닿았는데 안 밟히거나 닿지 않았는데 밟힌다. 구름 그림의 맨 위 픽셀 높이를 재서 판정 윗면을 그림 윗면에 맞춘 방법.그림·소리
• 2026년 10월 25일no-cache 를 줬더니 CDN 이 놀고 있었다JS·CSS·HTML 에 no-cache 를 주었더니 CDN 이 저장하지 못해 바뀌지 않은 파일도 매번 전체를 보냈다. max-age=0 과 s-maxage 를 함께 주어 브라우저는 확인하고 CDN 은 저장하게 바꿨다.운영
• 2026년 10월 25일투명 바탕을 못 주는 AI 그림에서 바탕 지우기투명 바탕을 주지 못하는 이미지 생성 도구로 게임 그림을 만들 때, 마젠타 바탕에 그리게 하고 가장자리에서부터 이어진 바탕색만 지워 캐릭터 안의 같은 색은 남기는 방법.그림·소리