세로 게임을 브라우저에 — Unity WebGL 템플릿, 회색 로딩 화면, 해시 파일명 캐시
세로 1080x1920 모바일 게임을 Unity WebGL로 브라우저에 올리며 손본 것들. PC에서는 창 높이에 맞춘 세로 캔버스, 폰에서는 전체 화면으로 나누는 템플릿, 로딩 중 캔버스가 회색 상자로 보인 원인, 해시 파일명으로 나눈 캐시 정책, 첫 배치 빌드 실패를 다시 돌려 넘긴 방법까지 정리하며 연재를 마친다.
애드소프트 기술블로그
애드소프트 박재호입니다. IIS·ASP.NET 웹 서비스와 메일서버를 직접 운영하고, Unity 게임과 데스크톱 앱을 만들며 겪은 문제와 해결 과정을 기록합니다.
세로 1080x1920 모바일 게임을 Unity WebGL로 브라우저에 올리며 손본 것들. PC에서는 창 높이에 맞춘 세로 캔버스, 폰에서는 전체 화면으로 나누는 템플릿, 로딩 중 캔버스가 회색 상자로 보인 원인, 해시 파일명으로 나눈 캐시 정책, 첫 배치 빌드 실패를 다시 돌려 넘긴 방법까지 정리하며 연재를 마친다.
서버 없이 날짜를 시드로 오늘의 미션을 뽑고, 모은 별로 바 스킨을 사게 했다. 미션 종류별 진행도 규칙, 스킨 8종의 가격과 스타일, 이어하기를 해도 별이 두 번 들어오지 않게 한 결과 반영, 스킨이 늘어도 깨지지 않는 PlayerPrefs + JsonUtility 저장까지 정리했다.
「네온 다이브」는 시간이 갈수록 빨라지다가 어느 순간부터 페이즈 단위로 계단처럼 오른다. 속도 공식 하나에 상한을 걸어 만든 난이도 곡선, 속도에 맞춰 줄어드는 스폰 간격, 2페이즈부터 나오는 좁은 틈 벽, 페이즈마다 바뀌는 배경·블록 색을 숫자와 코드로 정리했다.
피하기만 하는 게임은 금방 지루해진다. 블록을 40px 안쪽으로 스치면 점수를 주는 니어미스, 3초 안에 이어 가야 하는 콤보 배수, 블록보다 작게 잡은 판정 박스, 바로 재개하지 않는 일시정지까지 「네온 다이브」의 손맛을 만든 규칙과 코드를 정리했다.
바 하나를 좌우로 끌어 떨어지는 블록을 피하는 세로 화면 반사신경 게임 「네온 다이브」를 Unity 6로 만든 기록. 게임 규칙, 파티게임에서 가져온 코드 골격, 브라우저 버전 공개까지 연재 첫 글로 정리했다.
Cliply 설정 창의 항목(단축키, 자동 실행, 복사됨 표시, 언어, 테마, 글꼴)과 다크 테마·영어 화면을 화면으로 보고, JSON 내보내기·가져오기로 백업하고 다른 PC로 옮기는 방법, 데이터 위치, 새 버전 교체와 제거까지 정리하며 사용 가이드 연재를 마친다.
예시 스니펫 대신 내가 쓰는 명령어를 넣을 차례다. 관리 창의 구성과 단축키, 태그 입력, 빠른 검색에서 바로 새 스니펫을 만드는 방법, 그리고 {{이름}}·{{이름:기본값}} 변수를 어디에 어떻게 넣으면 좋은지 예시와 함께 정리했다.
스니펫이 늘어나면 단어 하나로는 결과가 너무 많아진다. Cliply 빠른 검색에서 쓸 수 있는 네 가지 문법(여러 단어, #태그, @언어, "구문")과 조합 방법, 결과가 나오는 순서, 짧은 검색어가 동작하는 방식을 실제 화면으로 정리했다.
스니펫 노트 앱 Cliply를 내려받아 실행하고, 콘솔에서 단축키로 팝업을 열어 명령어를 찾고, 변수를 채워 붙여 넣기까지의 기본 흐름을 화면 순서대로 정리했다. 설치 없이 zip을 풀어 실행하는 방법과 처음 실행할 때 뜨는 경고도 함께 다룬다.
InfraWatch를 개발 PC에서 Web Deploy 원격 배포로 운영 서버에 올리고, 첫 배포 때 부딪힌 문제를 정리했다. PowerShell 5.1의 인수 따옴표와 인코딩 함정, NAT 루프백, 화면 가로 넘침, 바깥에서 실제 요청으로 한 노출 점검과 쿠키 Secure 누락까지 다룬다.