커서 게임 2탄: 새로운 모험의 시작! 🎮🐾
소개
안녕하세요, 지피터스 커뮤니티 여러분!
1탄에서 ‘인절미’와 ‘샤낼’이 달리던 횡스크롤 점프 게임, 기억하시죠?
https://www.gpters.org/dev/post/lets-make-game-cursor-bmfrHzyuQyUEstm?highlight=bcV0btwHAwqG6WE
이번 2탄에서는 생명력, 날씨 효과, 파괴 이펙트, 레벨업 무적 등 다양한 재미 요소를 추가했습니다!
진행 방법
- 사용 도구: Cursor + ChatGPT
- 소스 관리: GitHub
- 배포: Vercel
어떻게 진행했나요?
1. ChatGPT에게 프롬프트를 던져 아이디어를 얻었어요.
2. 각 기능별로 Canvas 레이어를 분리해서 부드러운 애니메이션을 유지했답니다.
3. 하루는 비 내리는 배경을 보며 슬펐지만… 눈이 내리자 또 다른 감성이 찾아왔어요! ❄️🌧️
결과와 배운 점
- 배운 점
- Canvas 레이어 분리의 중요성 (퍼포먼스 UP!)
- 무적 상태 구현 시 변수 관리의 섬세함
- 나만의 꿀팁
- OffscreenCanvas로 백그라운드 렌더링
- 스프라이트 시트 메모리 캐싱
- 시행착오
- 무적 타이머 체크 누락… 생명력 폭삭 🥲
- 날씨 드롭을 매 프레임 새로 생성, FPS 테러 당함
도움이 필요해요!
횡스크롤 게임에 추가적으로 생각나시는 아이디어를 알려주시면 감사하겠습니다. 🙏
앞으로의 계획
- 시즌별 날씨 자동 전환으로 난이도 조절
- 구름, 나뭇잎 애니메이션 추가
- 배경음 악 & 효과음 믹싱 기능 구현
도움 받은 글 (옵션)
- Cursor 공식 문서
- 다양한 Canvas 튜토리얼
- 스프라이트 파티클 이펙트 예제
