하늘부적사
세로 탄막 슈팅 미니게임
- 형태HTML5 미니게임
- 지원 화면모바일 · PC
- 로고 · 글 · 사진을 고객사 내용으로 바꿔 제작
- PC · 모바일 반응형, 개발 주소에서 확인 후 오픈
- 계약 · 결제 · 진행 상황은 서비스관리에서 확인
제작 방식 고르기
기본형
게임은 그대로, 그림과 문구는 우리 브랜드로
- 캐릭터 · 배경 · 로고 · 색 · 문구를 브랜드에 맞게 교체
- 스테이지 · 난이도 수치 조정
- 앱 설치 없이 휴대폰 · PC 웹에서 바로 실행
이벤트형
참여 기록까지 남는 프로모션 이벤트
- 기본형 내용 모두 포함
- 참여 기록 · 순위 · 응모 등 이벤트 기능 연동
- 이벤트 기간 · 참여 방법은 상담 후 맞춤 설계
이런 게임이에요
구름을 타는 견습 부적사가 하늘을 뒤덮은 요괴 떼를 부적으로 물리치고 구름바다의 이무기를 봉인하는 세로 탄막 슈팅 HTML5 게임 시안입니다. 한국 수묵화 + 단청 색감의 아트로 로딩 → 타이틀 → 난이도 선택 → 플레이(첫 판 조작 안내) ⇄ 일시정지 → 이어하기 → 결과(등급 S~C)까지 한 페이지 안에서 진행됩니다. 모바일은 손가락 상대 이동(끈 만큼 이동), PC 는 방향키 · Shift 정밀 이동 · 마우스 끌기를 지원하고, 작은 판정점 · 스치기 · 혼 수집 배율 · 결계(탄 지우기, 맞기 직전 회피) · 부적 강화 5단계 · 수호령 유도 부적, 요괴 5종 · 중간 보스 · 마디로 이어진 이무기 3페이즈 탄막을 구현했습니다. 탄은 구조체 배열 풀과 32방향 아틀라스로 그려 탄 650개 + 적 40에서도 매끄럽고, 캐릭터는 실제 애니메이션 프레임으로 움직입니다.
화면 흐름
- 로딩
- 타이틀
- 난이도 선택
- 플레이 ⇄ 일시정지
- 목숨 0 이면 이어하기
- 결과
주요 기능
- 로딩 · 타이틀(수묵 키 아트 · 붓글씨 SVG 로고) · 난이도 3단계 · 플레이 · 일시정지 · 이어하기 · 결과(등급 S~C · 최고 기록) 한 페이지 상태 전환
- 손가락 상대 이동(손가락이 캐릭터를 가리지 않음) · 방향키/WASD · Shift 정밀 이동(판정점 표시) · 마우스 끌기 · 결계 버튼/X · Space
- 작은 판정점 · 스치기 보너스 · 혼 수집 배율(최대 ×5) · 피격 히트 스톱 · 탄 지우기 · 무적 · 결계 회피(맞기 직전 결계)
- 부적 강화 1~5단계(퍼짐 → 수호령 유도 부적), 피격 시 한 단계 하락 · 구슬 회수, 수호령 2기(정밀 이동 시 전방 집중)
- 약 3분 스테이지: 구름 산맥 → 폭포 협곡 → 구름바다, 요괴 5종 웨이브 · 중간 보스 구미호 그림자 · 마디가 곡선으로 따라오는 이무기 3페이즈(나선 · 조준 연발 · 틈 있는 벽 · 회전 꽃)
- 플레이어 대기 6 + 좌우 기울기 프레임, 요괴 · 보스 종류별 6프레임 애니메이션, 먹 번짐 폭발 · 단청 불꽃 · 점수 팝업, 국악풍 5음계 합성 BGM
- 탄 구조체 배열 풀 · 32방향 탄 아틀라스 · 가변 서브스텝 루프 · 백버퍼 상한 · 적응형 화질, DOM 없는 엔진 + Node 봇 난이도별 클리어율 검증
게임 화면
제작 정보
| 형태 | HTML5 슈팅 게임 · 모바일 세로형 |
|---|---|
| 플랫폼 | 모바일 웹(세로형), 웹(PC) |
| 사용 기술 | HTML5/CSS3, JavaScript(ES6), Canvas 2D(탄 아틀라스 · 스프라이트 캐시 · DPR 상한), Pointer Events, WebAudio, 인라인 SVG, localStorage, Node.js(밸런스 봇) |
| 결제 · 확률형 아이템 | 없음 |
내 브랜드로 바뀌는 부분
바꿔 드리는 것
그대로 가져가는 것
제작에 포함되는 것
기획
- 업종 · 목표 · 고객층 상담으로 필요한 메뉴와 페이지 정리
- 사이트맵(메뉴 구조)과 페이지별로 들어갈 내용 확정
- 필요한 기능(문의 · 예약 · 게시판 · 결제 등) 범위 확정
디자인
- 고르신 템플릿 디자인에 로고 · 브랜드 색 적용
- 문구와 사진을 고객사 내용으로 교체 (시안 사진은 AI 예시 이미지라 교체가 원칙)
- 시안 확인 후 수정 2회 반영 (그 뒤 수정 · 화면 추가는 별도 견적)
제작 · 퍼블리싱
- PC · 태블릿 · 모바일 반응형
- 주요 브라우저(크롬 · 엣지 · 사파리 · 삼성 인터넷)에서 화면 확인
- 템플릿에 들어 있는 문의 · 신청 폼 등 기능 연결
관리 (관리형 선택 시)
- 그누보드5 관리자 화면에서 글 · 게시판 · 신청 내역 직접 관리
- 관리자 계정 전달과 사용 방법 안내
오픈
- 개발 주소에서 먼저 확인한 뒤 실제 도메인에 반영
- 도메인 연결 · 보안 인증서(https) 설정 지원
- 오픈 후 1개월 동안 하자는 무상으로 고치고, 이후 수정은 작업 건마다 금액을 먼저 안내드린 뒤 진행합니다
별도 협의
- 템플릿에 없는 페이지 · 기능 추가, 다국어
- 도메인 · 호스팅(서버) 비용, 유료 글꼴 · 사진 구입비
- 검색엔진 등록 · 광고 등 마케팅
진행 절차
- 상담원하시는 템플릿과 필요한 내용을 알려 주세요. 범위 · 일정 · 금액을 안내드립니다.
- 계약서비스관리에서 계약서를 확인하고 동의하시면 시작합니다.
- 자료 전달로고 · 문구 · 사진 등 사이트에 들어갈 자료를 보내 주세요.
- 제작템플릿을 바탕으로 디자인 적용 · 내용 교체 · 기능 연결을 진행합니다.
- 확인 · 수정개발 주소에서 직접 보시고 고칠 부분을 알려 주시면 반영합니다.
- 오픈잔금 결제 후 실제 도메인에 반영하고 관리 방법을 안내드립니다.
자주 묻는 질문
우리 업종 템플릿이 없어도 되나요?
됩니다. 화면 구조가 비슷한 템플릿을 고르시면 메뉴와 내용을 업종에 맞게 바꿔 드립니다. 어떤 템플릿이 맞을지 모르겠다면 상담 때 추천해 드립니다.
기본형과 관리형은 무엇이 다른가요?
기본형은 시안 화면을 그대로 만들어 드리는 방식이라, 오픈 후 글이나 사진을 바꾸실 때는 저희에게 요청해 주시면 됩니다. 관리형은 관리자 화면이 있어서 공지 · 후기 · 신청 내역 등을 직접 고치고 관리하실 수 있습니다. 금액은 두 방식 모두 화면 수로 정하고, 예약 · 계산기 · 결제 같은 기능은 필요하실 때 기능별 금액으로 추가합니다.
사진은 어떻게 하나요?
템플릿의 사진은 AI로 만든 예시라 그대로 쓰지 않고 고객사 사진으로 바꿉니다. 준비된 사진이 부족하면 상담 때 대신 쓸 방법을 함께 정합니다.
도메인과 호스팅(서버)은 어떻게 하나요?
도메인과 호스팅은 고객님 명의로 준비하시고, 연결과 설정은 저희가 도와드립니다. 무엇을 준비하면 되는지는 상담 때 안내드립니다.
기간은 얼마나 걸리나요?
페이지 수와 기능, 자료 준비 상황에 따라 달라집니다. 상담 때 범위를 정하면서 일정을 함께 안내드립니다.
결제는 어떻게 하나요?
계약 후 서비스관리에서 카드 또는 계좌이체로 결제하실 수 있습니다. 계약 때 정한 일정에 따라 나누어 결제할 수 있습니다.
진행 상황은 어디서 보나요?
계약하시면 서비스관리에서 계약서, 진행 단계, 결제 내역을 한곳에서 확인하실 수 있습니다. 오픈 전에는 개발 주소에서 먼저 보시고 고칠 부분을 알려 주시면 됩니다.
오픈 후에 수정이 필요하면요?
오픈 후 1개월 동안 하자는 무상으로 고쳐 드립니다. 그 뒤 수정 · 업데이트는 작업 건마다 금액을 먼저 안내드린 뒤 진행합니다.
꼭 알아두세요
- 템플릿에 나오는 회사명 · 인물 · 수치 · 후기는 모두 가상이며, 사진은 AI로 만든 예시 이미지입니다. 제작할 때 고객사 내용과 사진으로 바꿉니다.
- 화면 미리보기는 디자인과 구성을 보여 드리기 위한 것으로, 문의 · 예약 · 결제는 실제로 동작하지 않습니다.
- '관리형 준비됨' 표시가 있는 템플릿은 관리자 기능까지 만들어져 있습니다. 표시가 없는 템플릿도 관리형으로 만들 수 있으며, 관리자를 새로 연결해 기간이 더 필요합니다. 예약 · 결제 등 기능은 필요하실 때 추가합니다.
- 금액과 일정은 상담 후 필요한 범위에 맞춰 안내드립니다.
같은 업종의 다른 템플릿
