[simsim-arcade 팀 프로젝트]
1. 캣 블레이드 각성 이스터에그 추가
이번 업데이트의 핵심 기능은 고양이 각성 이스터에그입니다.
캣 블레이드의 고양이 선택 화면에서 같은 고양이 카드를 짧은 시간 안에 두 번 연속 선택하면 일반 상태가 아닌 각성 상태로 게임을 시작할 수 있도록 구현했습니다.
일반적인 게임 시작 버튼을 통해 플레이하는 것과 달리, 숨겨진 입력을 직접 발견해야 사용할 수 있도록 구성해 게임에 작은 비밀 요소를 추가했습니다.
게임 메뉴에는 이를 직접적으로 알려주지 않고,
마음에 드는 고양이를 두 번 연달아 쓰다듬으면…?
이라는 힌트만 표시되도록 만들어 플레이어가 직접 기능을 발견하도록 했습니다.
구현 방식
고양이 선택 카드의 클릭/탭 시간을 기록하고 동일한 고양이를 400ms 이내에 다시 선택했을 경우 해당 고양이의 각성 상태로 게임을 시작하도록 구현했습니다.
이를 통해 데스크톱의 더블클릭뿐만 아니라 모바일 환경의 더블탭에서도 같은 이스터에그를 사용할 수 있도록 구성했습니다.
일반 선택
고양이 카드 선택
↓
선택한 고양이 정보 표시
↓
같은 고양이를 빠르게 다시 선택
↓
각성 이스터에그 발동
↓
해당 고양이의 각성 폼으로 게임 시작코드에서는 마지막으로 선택한 고양이와 선택 시간을 저장한 뒤 동일한 카드가 400ms 이내에 다시 선택되는지를 확인하는 방식으로 처리했습니다.
2. 5종 고양이별 각성 폼 추가
각성 이스터에그는 특정 고양이 하나만 사용하는 방식이 아니라 기존 5종 고양이 모두에 각각 다른 각성 폼을 갖도록 구성했습니다.
기본 고양이는 다음과 같습니다.
- 🥷 닌자 캣
- 🛡️ 나이트 캣
- 🔥 파이어 캣
- 🧀 치즈 냥이
- 🤖 사이버 캣
그리고 각각의 각성 형태를 별도로 구성했습니다.
기본 폼 각성 폼 특징
닌자 캣 사무라이 캣 빠른 발도 및 연속 공격
나이트 캣 킹 캣 강력한 패링과 방어
파이어 캣 플레임 캣 강화된 청염 범위 공격
치즈 냥이 참치 냥이 강력한 근접 공격과 해일 공격
사이버 캣 슈프림 캣 다중 레이저 및 관통 공격
각성 폼은 단순히 캐릭터 이름과 외형만 변경하는 방식이 아니라 실제 게임 능력치에도 차이를 주도록 구성했습니다.
각성 상태에서는 이동 속도, 점프 성능, 패링 판정, 피해 감소, 스킬 재사용 대기시간, 공격력 등이 강화되며 각각의 전용 스킬도 강화됩니다.
또한 각성 폼의 공격력에는 별도의 power 배율을 적용해 일반 폼보다 확실하게 강력한 상태로 플레이할 수 있도록 구성했습니다.
3. 각성 상태 전용 시작 연출 추가
각성 이스터에그가 발동됐다는 사실을 플레이어가 확실하게 알 수 있도록 게임 시작 순간에 별도의 연출도 추가했습니다.
각성 상태로 게임을 시작하면 캐릭터 주변에
- 각성 링 효과
- 추가 섬광 효과
- 파티클 버스트
- 각성 캐릭터 이름 표시
- 각성 전용 사운드
가 함께 출력됩니다.
예를 들어 화면에는
★ 사무라이 캣 각성! ★
과 같은 메시지가 표시되도록 구성했습니다.
따라서 단순히 능력치만 높아지는 숨겨진 기능이 아니라 플레이어가 실제로 각성 상태에 진입했다는 것을 시각적·청각적으로 확인할 수 있는 이벤트가 되도록 개선했습니다.
4. 3스테이지 + 2페이즈 보스 구조 강화
이번 업데이트와 함께 캣 블레이드의 보스 구조도 현재 구현 기준으로 더욱 명확하게 연결되어 있습니다.
캣 블레이드는 총 3개의 스테이지로 구성됩니다.
STAGE 1
버려진 개집 마당
보스:
GOLIATH HOUND
STAGE 2
지하 비밀 연구소
보스:
MECHA RAT PRIME
STAGE 3
그림자 왕궁
보스:
SHADOW CAT KING
각 스테이지는 일반 적 웨이브를 먼저 처리한 뒤 보스전으로 진입하는 구조입니다.
즉,
스테이지 시작
↓
일반 적 웨이브
↓
다음 웨이브
↓
보스 등장 경고
↓
보스 1페이즈
↓
보스 체력 감소
↓
보스 2페이즈
↓
보스 처치
↓
스테이지 클리어
↓
다음 스테이지의 흐름으로 게임이 진행됩니다.
5. 보스 2페이즈 전환 연출 강화
보스가 단순히 체력만 많은 적으로 느껴지지 않도록 체력이 일정 수준 이하로 내려가면 2페이즈로 전환되는 구조를 적용했습니다.
보스의 체력이 최대 체력의 50% 이하로 내려가면 2페이즈가 시작됩니다.
2페이즈 진입 시에는
- 보스 패턴 전환
- 기존 적 투사체 제거
- 포효 사운드
- 화면 흔들림
- PHASE 2 배너
- 새로운 공격 패턴
등을 통해 전투 분위기를 확실하게 전환하도록 구성했습니다.
특히 보스는 각 페이즈별로 다른 공격 패턴을 실행할 수 있도록 설계되어 있기 때문에 단순한 체력 증가가 아니라 전투 패턴 자체가 변화하는 보스전을 목표로 했습니다.
6. 패링과 보스 BREAK 시스템 연계
캣 블레이드의 핵심 액션인 패링 시스템과 보스전의 연계도 중요한 부분입니다.
보스에게 패링을 성공시키면 패링 게이지가 쌓이고, 게이지가 100에 도달하면 보스가 BREAK 상태에 들어갑니다.
BREAK 상태에서는 보스가 일정 시간 동안 기절하며 더 큰 피해를 받을 수 있도록 구성했습니다.
이를 통해 단순히 공격 버튼을 계속 누르는 방식보다
공격 패턴 확인
↓
패링 타이밍 판단
↓
패링 성공
↓
보스 자세 게이지 증가
↓
BREAK 발생
↓
공격 집중
이라는 액션 게임 특유의 전투 흐름을 만들었습니다.
특히 노란색으로 표시되는 일부 공격은 패링 대상으로 활용할 수 있도록 설계되어 있어 공격과 방어 타이밍을 함께 판단해야 합니다.
7. 각성 상태와 보스전을 연결한 플레이 구조
이번 각성 이스터에그는 단순한 숨겨진 캐릭터 선택 기능이 아니라 보스전까지 이어지는 플레이 방식 자체에 영향을 주는 요소가 되었습니다.
각성 상태에서는 기본 폼보다 강력한 공격과 스킬을 사용할 수 있기 때문에 3개의 스테이지를 진행하면서 일반 폼과 다른 전투 스타일을 경험할 수 있습니다.
또한 결과 화면에서도 각성 상태로 플레이했는지를 확인할 수 있도록 구성했습니다.
게임 종료 후에는
- 최종 점수
- 승리 여부
- 도달 스테이지
- 클리어 스테이지 수
- 플레이 시간
- 처치한 적
- 패링 성공 횟수
- 최대 콤보
- 각성 모드
- 점수 세부 내역
등을 확인할 수 있습니다.
각성 상태로 플레이했다면 결과 화면에 어떤 각성 폼을 사용했는지도 표시되도록 구성했습니다.
8. 캣 블레이드 썸네일 디자인 보강
이번 업데이트에서는 캣 블레이드 게임 카드에 사용되는 썸네일 디자인도 함께 보강했습니다.
캣 블레이드는 심심오락실 메인 화면의 게임 카드에서 독립적인 게임으로 등록되어 있으며, 게임 전용 thumbnail.svg를 사용하도록 구성되어 있습니다.
게임 등록부에서도 캣 블레이드의 썸네일을 전용 이미지로 연결하고 있어 메인 화면에서 다른 게임들과 구분되는 독립적인 카드 비주얼을 사용할 수 있도록 구성했습니다.
cat-blade/
├── index.tsx
├── config.ts
├── engine.ts
├── boss.ts
├── render.ts
├── renderCat.ts
├── renderBosses.ts
├── sound.ts
├── CatBlade.module.css
└── thumbnail.svg
게임 로직과 함께 게임을 대표하는 썸네일까지 같은 게임 단위로 관리할 수 있도록 구성되어 있어 이후 게임 카드 디자인을 수정하거나 보강하기에도 편리한 구조입니다.
9. 모바일 환경에서도 이스터에그 사용 가능하도록 처리
이번 기능은 데스크톱 전용 이스터에그로 제한하지 않았습니다.
캣 블레이드는 터치 환경을 감지하고 게임 중 화면 터치 버튼을 제공하기 때문에 모바일에서도 게임을 플레이할 수 있도록 구성되어 있습니다.
고양이 선택 역시 일반 클릭 이벤트를 기반으로 처리하기 때문에 빠른 연속 터치를 통해 같은 각성 이스터에그를 사용할 수 있도록 설계했습니다.
또한 게임 중에는
- 이동
- 공격
- 스킬
- 구르기
- 점프
- 패링
- 폼 변경
등을 화면 터치 버튼으로 조작할 수 있도록 구성되어 있습니다.
10. 게임 플레이 편의 기능과 함께 연결
캣 블레이드의 게임 플레이 환경도 각성 시스템과 함께 자연스럽게 연결되어 있습니다.
게임 중에는
- 🔊 사운드 ON/OFF
- ⚙️ 일시정지
- 🗗 크게 보기
- 🎮 터치 조작
- Esc / P 일시정지
- F 크게 보기
등을 사용할 수 있습니다.
특히 크게 보기 기능은 게임 화면을 브라우저 전체 영역에 가깝게 확장해 액션 게임 플레이에 집중할 수 있도록 구성되어 있습니다.
이 기능은 단순한 UI 옵션이 아니라 게임 화면의 캔버스를 다시 연결해 전체 화면 영역에서 게임 엔진이 계속 동작하도록 처리되어 있습니다.
마무리
이번 업데이트에서는 캣 블레이드에 단순한 신규 기능을 추가하는 것보다 플레이어가 직접 발견하는 재미와 액션 게임다운 전투 연출을 강화하는 것에 집중했습니다.
특히 각성 이스터에그는 게임 메뉴에서 모든 정보를 공개하지 않고 플레이어가 직접 발견하도록 구성했기 때문에 기존의 일반적인 게임 시작 방식과 차별화된 재미를 줄 수 있습니다.
또한 각성 폼마다 공격 방식과 능력치가 달라지도록 구성하면서 단순한 외형 변경이 아니라 실제 플레이 스타일에도 영향을 주도록 만들었습니다.
보스전 역시 3개의 스테이지와 각 스테이지별 2페이즈 보스를 연결하고, 패링 → BREAK → 집중 공격이라는 전투 흐름을 적용하면서 캣 블레이드를 단순한 미니게임이 아닌 하나의 완성된 액션 게임에 가깝게 발전시키고 있습니다.
앞으로도 심심오락실은 각각의 게임을 단순히 추가하는 것에서 끝내지 않고, 게임마다 고유한 규칙과 연출, 숨겨진 요소까지 갖춘 아케이드 게임으로 확장해 나갈 예정입니다.
