1. 능력치 개선 예정: 성장 체감도 향상

앞으로 주인공 캐릭터의 능력치를 전반적으로 조정할 예정입니다. 체력, 공격력, 회복력 등 주요 스탯의 성장 곡선을 재설계해 스테이지가 진행될수록 강해지는 느낌을 더 확실하게 받을 수 있도록 할 계획입니다. 기본 능력치 밸런스도 다듬어 초반 플레이 구간에서의 피로감을 줄이고, 후반으로 갈수록 성취감을 높일 수 있도록 개선합니다.

2. 게임 템포 조정 예정: 더 빠른 전투 리듬

현재 전투 흐름이 다소 느리다는 피드백을 반영해, 전체적인 게임 템포를 향상시킬 예정입니다. 적의 등장 간격과 이동 속도, 공격 타이밍을 빠르게 조정해 박진감 있는 전투를 유도할 계획이며, 동시에 캐릭터의 이동과 스킬 리듬도 이에 맞춰 속도감을 맞출 예정입니다.

3. 스킬 리워크 및 버그 개선 예정

앞으로 쉴드 스킬 리워크가 예정되어 있습니다. 기존 쉴드 스킬은 효과가 애매하고 체감이 낮다는 점을 보완해, 피해 무시 또는 반사 등의 특수효과로 개편할 계획입니다. 또한 신규 스킬을 추가하여 단조로운 플레이를 보완하고, 기존 스킬의 쿨타임·효과 범위 등도 점검해 밸런스를 조정할 예정입니다. 이와 함께 능력치 적용 누락 등 자잘한 버그도 함께 수정합니다.

Mini Vampire Survivor

CastleSurvive는 누구나 가볍게 즐길 수 있도록 만든 웹 기반의 뱀파이어 서바이벌 게임입니다.
무기 시스템 없이 능력만으로 싸우고, 복잡한 강화나 부활 기능 없이 얼마나 오래 살아남았는가만이 모든 것을 말해주는 게임이죠.

이 단순함 속에서 특별한 무언가를 만들어주는 장치가 있습니다.
바로 랭킹 시스템입니다.

🏆 점수는 기록되고, 기록은 남는다

게임이 끝나면 플레이어는 간단한 닉네임을 입력하고, 자신이 처치한 몬스터 수를 기록할 수 있습니다.
이 숫자는 다른 플레이어들과 나란히 보여지며, 자연스럽게 작은 경쟁의 재미를 만들어줍니다.

랭킹은 복잡하지 않습니다. 단지 누가 얼마나 많이 처치했는지를 보여줄 뿐이지만,
그 안에는 “한 번 더 해볼까?”, “이번에는 더 오래 버텨보자”라는 생각이 스며들게 됩니다.

🧩 작지만 섬세한 구조

랭킹 시스템은 보기에는 단순하지만, 그 안쪽에는 몇 가지 조심스럽게 설계된 장치들이 있습니다.

플레이어가 게임을 마치고 점수를 남기면, 해당 기록은 한 번 더 확인 과정을 거쳐 저장됩니다.
형식이 맞는지, 데이터가 정상적인 흐름을 통해 전달되었는지 등을 살펴보는 단계입니다.

이런 과정을 두는 이유는 단 하나,
플레이어들이 남긴 기록이 자연스럽고 공정하게 보여지길 바랐기 때문입니다.

특별히 티 나지 않게 작동하지만, 이 작은 흐름 덕분에
CastleSurvive의 랭킹은 실제 플레이 결과를 바탕으로 구성된 순위표로 유지되고 있습니다.

📊 지금의 랭킹, 그리고 앞으로

현재 랭킹 시스템은 가장 단순한 형태를 따릅니다.
모든 플레이어의 기록이 한눈에 보이며, 상위 플레이어들의 이름이 눈에 띄게 정렬됩니다.

앞으로는 여기에 몇 가지 아이디어를 더해볼까 고민 중입니다.

• 상위 3위 플레이어 강조 표시
• 주간/월간 랭킹 구분
• 닉네임 가림 처리나 자동 익명화 옵션
• 플레이 기록에 따른 통계 기능 등

👑 CastleSurviver[Beta] – 당신의 생존 본능을 깨워라!

가볍게 즐기고 싶을 때,
또는 뭔가 도전하고 싶을 때!
CastleSurviver 한번쯤 꼭 해보세요.

👉 많이 즐겨주세요!
👉 지금 바로 플레이하러 고고!

(Mini Vampire Survivor)

CastleSurvive는 HTML/CSS/JavaScript 기반의 웹게임으로, 처음에는 대부분의 기능이 클라이언트에서 처리되는 구조로 출발했습니다. 빠른 테스트와 간단한 배포에는 유리했지만, 코드가 그대로 노출되기 때문에 구조적으로 보안에 취약할 수밖에 없는 문제가 있었습니다. 특히 랭킹 시스템처럼 민감한 데이터는 누군가 개발자 도구만 열어도 조작이 가능했기에, 이번에 본격적인 개선 작업에 착수했습니다.

🔐 클라이언트 코드, 이제는 외부에서 보기 어렵게

이번 작업의 핵심 중 하나는 클라이언트 코드에 대한 난독화 처리입니다. 중요한 로직이 그대로 노출되지 않도록, 전체 코드에 대해 난독화를 적용했습니다. 변수명, 함수명, 구조 자체를 외부에서 파악하기 어렵도록 변환한 상태이며, 실 배포 시에는 이 난독화된 파일만 제공됩니다.

테스트를 위한 경우에는 원본 파일을 <script>로 잠시 삽입해 기능 확인을 하고 있지만, 최종 배포 시에는 코드가 그대로 보이지 않도록 관리하고 있습니다. 이렇게 기본적인 방어막을 먼저 마련한 후, 핵심 기능을 서버로 옮기는 작업을 병행했습니다.

🧾 랭킹 등록 로직, 서버에서 처리

기존에는 점수 계산과 등록이 모두 클라이언트에서 처리되었습니다. 하지만 이 구조는 쉽게 조작이 가능하기 때문에, 랭킹 등록 관련 로직을 Firebase Functions를 이용해 서버에서 처리하도록 이전했습니다.

이제는 플레이어가 게임을 마친 뒤 점수와 닉네임만 서버에 전달하고, 실제 점수 유효성 검증 및 데이터베이스 저장은 서버 측에서 단독으로 진행됩니다. 클라이언트 측에서 점수를 조작하거나 비정상적인 데이터를 보내더라도 서버에서 차단되기 때문에, 랭킹 시스템의 신뢰도가 한층 높아졌습니다.

📢 광고 출력 문제와 테스트

현재 광고와 관련된 코드에서 "광고"라는 텍스트만 출력되고 실제 광고가 뜨지 않는 현상이 있었습니다. 이 문제는 실제 배포 환경에서는 광고 SDK 로딩 문제로 인해 해결될 가능성이 높지만, 그 전까지는 테스트용 광고 단위를 삽입하여 반복 검증 중입니다.

또한, 광고 전략 역시 개편하고 있습니다. 단순히 종료 후 광고 1회 출력이 아닌, 상단/하단/양 사이드 배너 광고와 게임 종료 시 전면 광고를 결합하여 수익화 구조를 다양화할 예정입니다. 플레이 도중 몰입을 방해하지 않으면서, 종료 후 자연스럽게 광고를 노출하는 흐름을 만들고자 합니다.

📌 정리하며

이번 업데이트는 겉으로는 크게 달라진 것이 없어 보이지만, 내부적으로는 CastleSurvive의 안정성과 보안성을 높이기 위한 중요한 작업이었습니다. 클라이언트에서 모든 걸 처리하던 구조에서 벗어나, 점차 서버 기반 로직 중심의 게임 구조로 발전해가고 있는 중입니다.

웹 게임을 모바일에서 실행하려면, 안드로이드 앱으로 변환해야 합니다. 이를 위해 여러 가지 방법이 있지만, 가장 일반적인 방법은 **웹뷰(WebView)**를 사용하거나 **PWA(Progressive Web App)**로 변환하는 방식입니다. 이 글에서는 웹 게임을 안드로이드 앱으로 변환하는 주요 방법과 그 과정을 소개하겠습니다.

1. 웹뷰(WebView) 사용하기

웹뷰(WebView)는 안드로이드 앱 내에서 HTML, CSS, JavaScript로 작성된 웹 페이지를 실행할 수 있도록 해주는 컴포넌트입니다. 웹 게임을 앱 내에서 실행하려면 웹뷰를 활용하는 것이 가장 직관적인 방법입니다.

단계별 구현 과정:

1. 안드로이드 스튜디오 설치: 안드로이드 앱을 만들기 위해서는 안드로이드 스튜디오를 설치해야 합니다.
2. 새로운 프로젝트 생성: 안드로이드 스튜디오에서 새 프로젝트를 생성합니다. 프로젝트는 "Empty Activity" 템플릿을 선택합니다.
3. 웹뷰 설정: activity_main.xml 파일에 웹뷰를 추가합니다.
4. 웹 게임 로드: MainActivity.java 파일에서 웹뷰를 설정하고, HTML 게임 파일을 로드합니다. 로컬 파일을 로드하거나, 웹 서버에 호스팅된 게임 URL을 사용할 수 있습니다.
5. 빌드 및 실행: 앱을 빌드한 후, 실제 안드로이드 디바이스나 에뮬레이터에서 실행합니다.

장점:

• 구현이 간단하고 빠르며, 기존의 HTML 게임을 그대로 사용할 수 있습니다.
• 별도의 네이티브 코드 작성 없이도 HTML, CSS, JavaScript로 만든 웹 게임을 모바일에서 실행할 수 있습니다.

단점:

• 네이티브 앱의 성능을 구현하려면 제한이 있을 수 있으며, 게임의 성능이 낮을 수 있습니다.
• 사용자 경험이 웹 브라우저와 비슷할 수 있어, 네이티브 앱처럼 보이기 위해 추가적인 커스터마이징이 필요할 수 있습니다.

2. PWA(Progressive Web App)로 변환하기

PWA는 웹 애플리케이션을 네이티브 앱처럼 사용할 수 있도록 만들어주는 기술입니다. PWA는 웹 게임을 앱처럼 실행하고, 홈 화면에 아이콘을 추가할 수 있으며, 오프라인 기능도 제공할 수 있습니다.

PWA 설정 과정:

1. manifest.json 파일 작성: 웹 애플리케이션의 기본 정보를 담은 manifest.json 파일을 작성합니다.
2. Service Worker 구현: 오프라인 기능을 제공하기 위해 Service Worker를 설정합니다. Service Worker는 게임의 파일을 캐싱하고, 네트워크가 없을 때도 게임을 실행할 수 있게 합니다.
3. PWA 기능 활성화: 브라우저에서 웹 게임을 실행하고, "홈 화면에 추가" 옵션을 통해 앱처럼 실행할 수 있습니다.

장점:

• 네이티브 앱처럼 홈 화면에 아이콘을 추가하고, 오프라인에서도 실행할 수 있습니다.
• 별도의 앱스토어 배포 없이도 웹 게임을 모바일 앱처럼 사용할 수 있습니다.

단점:

• 구글 플레이와 같은 앱 마켓에 배포하려면 네이티브 앱으로 변환하는 과정이 필요합니다.
• 일부 기능은 웹 환경에서만 지원되므로, 고급 네이티브 기능은 사용할 수 없습니다.

3. Cordova 또는 Capacitor 사용하기

Cordova와 Capacitor는 HTML, CSS, JavaScript로 작성한 웹 애플리케이션을 네이티브 모바일 앱으로 변환해주는 오픈 소스 플랫폼입니다. 이들 도구를 사용하면 웹 게임을 쉽게 안드로이드 앱으로 패키징할 수 있습니다.

Cordova나 Capacitor를 사용하면 웹 게임을 안드로이드 앱처럼 배포할 수 있으며, 추가적인 네이티브 기능도 쉽게 통합할 수 있습니다.

이번 업데이트에서는 모바일과 PC에서 각각 최적화된 이동 시스템을 구현했습니다. 모바일 기기에서는 터치를 통해 조이스틱을 이용하여 게임을 진행할 수 있고, PC에서는 전통적인 WASD 키를 사용하여 이동할 수 있는 시스템을 도입했습니다. 이로써 다양한 장치에서 편리하고 직관적인 사용자 경험을 제공하게 되었습니다.

1. 모바일에서의 터치 조이스틱

모바일 사용자의 경우, 화면에서 손가락으로 조이스틱을 직접 조작하여 게임을 플레이할 수 있습니다. 터치 시작 시 화면에 조이스틱 UI가 표시되고, 손가락을 이동시키면 조이스틱의 버튼이 플레이어의 이동 방향을 계산하여 그에 맞게 캐릭터가 이동하게 됩니다. 이 방식은 모바일 환경에서 자연스러운 직관적인 조작을 가능하게 해줍니다.

2. 터치 조이스틱의 동작 방식

• 터치 시작 시 조이스틱이 화면에 표시되며, 손가락 위치를 기준으로 조이스틱이 중심을 잡습니다.
• 터치 이동에 따라 조이스틱 버튼이 이동하며, 각도와 거리를 계산하여 플레이어의 이동 방향을 조정합니다.
• 터치 종료 시 조이스틱이 사라지고, WASD 키 입력이 다시 활성화됩니다.

이 시스템을 통해 모바일에서 터치만으로 게임을 플레이할 수 있으며, WASD 입력은 모바일 환경에서는 비활성화됩니다. 이로써 사용자 경험이 모바일 기기에서도 간단하고 직관적이게 되었습니다.

3. PC에서의 WASD 키 입력

PC 사용자는 여전히 WASD 키를 통해 게임 캐릭터를 조작할 수 있습니다. 터치 입력이 비활성화될 때 WASD 키를 통해 이동을 처리하며, PC 환경에서의 전통적인 입력 방식을 그대로 유지합니다. 터치 감지가 이루어지지 않으면 WASD 키는 정상적으로 작동하게 됩니다.

4. 터치와 WASD 입력의 분리

• 모바일 환경에서 터치가 감지되면, 조이스틱이 활성화되고, WASD 입력은 비활성화됩니다.
• PC 환경에서는 WASD 키 입력이 항상 활성화되며, 터치 감지가 되지 않으면 WASD로 이동이 가능합니다.
• 터치 종료 시에는 WASD 키가 다시 활성화되고, 조이스틱 UI는 사라지게 됩니다.

이 시스템은 모바일과 PC 환경에서 각각 최적화되어 사용자에게 더 나은 사용자 경험을 제공합니다. 터치 조이스틱을 통해 모바일 환경에서 자연스러운 조작을 제공하고, PC 환경에서는 WASD 키를 통해 정통적인 입력 방식을 유지하는 구조입니다.

5. UI/UX 향상

이번 업데이트는 UI/UX 측면에서도 큰 향상을 가져왔습니다. 터치 조이스틱은 손끝으로 이동을 실시간으로 감지하여 직관적인 게임 플레이를 제공합니다. 또한, 터치가 끝난 후 WASD 키가 다시 활성화되는 방식으로, 모바일과 PC를 원활하게 전환할 수 있습니다. 이를 통해 사용자는 두 환경에서 모두 자연스러운 게임 경험을 할 수 있습니다.

6. 향후 계획

현재 터치 조이스틱과 WASD 키 입력 방식을 구현한 후, 향후 다양한 디바이스 환경에 맞춘 최적화를 진행할 예정입니다. 또한, 플랫폼 간의 호환성을 고려하여 모바일과 PC 모두에서 원활한 게임 진행이 가능하도록 지속적인 업데이트를 진행할 것입니다.

[업데이트]_거대 파이어볼 기능 추가 및 충돌 시스템 개선

안녕하세요, CastleSurvive 개발자입니다. 오늘은 게임 내 중요한 업데이트가 있었습니다. 바로 거대 파이어볼 기능이 추가되었고, 이와 함께 충돌 시스템도 크게 개선되었습니다. 이번 글에서는 이번 업데이트의 주요 내용을 자세히 설명드리려고 합니다.

1. 거대 파이어볼 기능 추가

먼저, 새로운 스킬인 거대 파이어볼을 게임에 추가했습니다. 이 스킬은 기존의 파이어볼보다 크기가 커지고, 더 강력한 데미지를 가진 특수한 파이어볼입니다. 발사된 후, 거대 파이어볼은 일정한 속도로 이동하면서 경로상의 몬스터들에게 지속적으로 데미지를 입힙니다.

• 거대 파이어볼의 크기는 기존 파이어볼보다 2배 큰 96으로 설정되었으며, **속도는 기존보다 약간 느린 70%**로 조정하여 전략적인 사용을 유도합니다.
• 발사 시, 몬스터의 위치와 파이어볼의 이동 경로를 계산하여 정확한 방향으로 발사되며, 관통 기능이 적용되어 여러 몬스터를 지나치면서 데미지를 주게 됩니다.

이제 플레이어는 파이어볼을 발사할 때 더 많은 몬스터를 동시에 처치할 수 있는 강력한 공격 옵션을 가지게 되었습니다.

2. 충돌 시스템 개선

또한, 파이어볼이 지나간 몬스터들에게 데미지를 주는 시스템이 새롭게 구현되었습니다. 기존에는 파이어볼이 몬스터와 충돌할 때만 데미지를 주었지만, 이번 업데이트에서는 파이어볼이 이동하는 경로에 있는 모든 몬스터에게 지속적으로 데미지를 입히는 방식으로 변경되었습니다.

• 거리 계산: 이제 파이어볼과 몬스터 사이의 거리를 계산하여, 두 객체가 충돌했는지 아닌지를 판단합니다. Math.hypot() 함수를 사용해 파이어볼과 몬스터 사이의 유클리드 거리를 계산하고, 그 거리가 두 원의 반지름 합보다 작으면 충돌로 간주하여 데미지를 입힙니다.
• 반지름 합: 몬스터와 파이어볼은 각각 원형으로 간주하며, 파이어볼과 몬스터의 위치와 크기에 따라 충돌 여부를 판별합니다. 이로 인해 파이어볼이 지나가는 경로에 있는 몬스터들이 파이어볼과 충돌하게 되며, 몬스터는 지속적으로 데미지를 입습니다.

이 업데이트는 파이어볼의 효과를 더욱 넓히고, 게임의 전략적 깊이를 더하는 중요한 요소가 될 것입니다. 이제 파이어볼을 적절하게 사용하여 더 많은 몬스터를 처치하고, 보다 효과적인 공격을 할 수 있게 되었습니다.

3. 넉백 효과와 몬스터 사망 처리

또한, 파이어볼이 몬스터에게 충돌할 때 넉백 효과도 추가되었습니다. 파이어볼이 몬스터를 맞추면, 몬스터는 밀려나게 되며, 이 효과는 보스 몬스터와 일반 몬스터에 따라 강도가 다르게 적용됩니다.

• 넉백 강도는 몬스터의 타입에 따라 다르게 설정되어, 보스 몬스터는 약하게 밀리고, 일반 몬스터는 더 강하게 밀리도록 조정됩니다.
• 몬스터의 체력이 0 이하로 떨어지면 사망 처리가 이루어지고, 경험치와 킬 카운트가 증가합니다. 사망한 몬스터는 배경 사운드와 함께 삭제되며, 게임 내 진행 상황에 따라 레벨업도 가능합니다.

4. 파이어볼 삭제와 화면 밖으로 나간 발사체 처리

마지막으로, 파이어볼이 화면을 벗어나면 자동으로 삭제되도록 설정되었습니다. 파이어볼이 게임 영역을 벗어나면 더 이상 존재할 필요가 없기 때문에, 이를 효율적으로 처리하여 게임의 성능을 최적화하고, 불필요한 리소스를 절약할 수 있습니다.

결론

이번 업데이트는 거대 파이어볼과 충돌 시스템 개선을 통해 게임의 전략적 요소를 크게 강화했습니다. 거대 파이어볼은 플레이어에게 강력한 공격 수단을 제공하고, 충돌 시스템 개선은 게임을 더 직관적이고 재미있게 만들었습니다. 앞으로도 CastleSurvive는 지속적인 업데이트와 개선을 통해 더 많은 재미를 선사할 예정이니, 많은 기대 부탁드립니다!

📂 Castle Survive 개발일지
├── 📄 프로젝트 소개 및 기획

├── 📄 개발환경 및 구조
├── 📄 게임 시스템 개발
├── 📄 UI/UX 디자인
├── 📄 아트 및 애니메이션
├── 📄 사운드 디자인
├── 📄 수익화 전략
├── 📄 문제해결 및 트러블슈팅
├── 📄 배포 및 운영
└── 📄 앞으로의 계획

『Castle Survive』 웹게임 개발일지: 앞으로의 계획

『Castle Survive』는 현재 웹 기반으로 구현된 액션 RPG 게임으로, 초기 배포 후 사용자들에게 긍정적인 반응을 얻고 있습니다. 하지만 게임은 여전히 발전할 여지가 많습니다. 이번 글에서는 앞으로의 발전 계획과 새로운 콘텐츠, 그리고 모바일 플랫폼에 대한 출시 가능성에 대해 다루고자 합니다.

1. 새로운 콘텐츠 추가

게임의 핵심은 지속적인 콘텐츠 업데이트입니다. 사용자들의 흥미를 끌고 게임을 더욱 흥미롭게 만들기 위해 다양한 콘텐츠를 추가할 예정입니다.

첫째, 새로운 스킬과 아이템이 추가될 예정입니다. 현재 존재하는 스킬 외에도 더 많은 스킬을 추가하여, 플레이어가 전략적으로 선택할 수 있는 옵션을 늘릴 것입니다. 예를 들어, 방어력이나 이동 속도를 강화하는 스킬, 혹은 플레이어의 체력을 자동으로 회복하는 아이템 등을 추가하여 게임의 다양성을 높일 것입니다​.

둘째, 몬스터와 보스의 종류도 추가됩니다. 게임의 난이도를 점차적으로 높여주는 강력한 보스 캐릭터를 추가하여 플레이어들이 도전할 만한 목표를 제공할 것입니다. 이러한 보스들은 기존의 몬스터와는 다른 특수한 능력과 패턴을 가질 예정이므로, 플레이어는 각 보스의 패턴을 분석하고 전략을 세워야 할 것입니다​.

2. 모바일 플랫폼 출시 고려

현재 『Castle Survive』는 웹 기반으로만 제공되고 있지만, 향후 모바일 플랫폼으로의 출시를 계획하고 있습니다. 모바일 환경에 맞춘 최적화 작업을 통해 더 많은 사용자들이 게임을 즐길 수 있도록 할 것입니다.

모바일 버전에서는 터치스크린을 활용한 직관적인 조작 방식이 도입될 예정입니다. 이를 위해 모바일에서의 UI/UX 디자인을 새롭게 구성하고, 터치로 쉽게 스킬을 사용하고, 이동할 수 있도록 할 것입니다. 또한, 스마트폰의 성능에 맞는 최적화 작업을 진행하여, 다양한 기기에서 원활하게 게임을 실행할 수 있도록 할 계획입니다​.

3. 광고 및 수익화 모델 개선

게임의 수익 모델은 광고와 인앱 구매 시스템을 중심으로 구성되어 있습니다. 앞으로 더 많은 보상형 광고와 프리미엄 아이템을 도입하여 수익을 극대화할 계획입니다. 예를 들어, 유저가 특정 아이템을 구매하거나 광고를 시청할 때 특별한 보상을 제공하여 더 많은 유저들이 광고를 시청하도록 유도할 것입니다. 이를 통해 게임을 플레이하는 동안의 흥미를 유지하면서도 지속적으로 수익을 창출할 수 있게 됩니다​.

4. 멀티플레이 및 사회적 요소 도입

향후 계획 중 하나는 멀티플레이 모드의 도입입니다. 현재는 1인 플레이 기반이지만, 협동 모드나 대전 모드를 추가하여 친구들과 함께 게임을 즐기거나 다른 플레이어들과 경쟁할 수 있는 시스템을 구축할 예정입니다. 이를 통해 유저들은 더 많은 상호작용을 하게 되고, 게임에 대한 몰입도를 높일 수 있을 것입니다.

또한, 소셜 기능을 도입하여, 친구 초대나 랭킹 시스템을 통해 경쟁 요소를 추가할 계획입니다. 사용자들이 게임을 통해 자신의 순위를 확인하고, 친구와 경쟁할 수 있는 기능은 게임의 지속적인 참여를 유도할 것입니다​.

5. 지속적인 피드백과 개선

게임이 한 번 출시되고 끝나는 것이 아니라, 지속적인 피드백 수집과 게임 개선이 이루어질 것입니다. 사용자들이 제공하는 피드백을 바탕으로 게임 내 문제를 빠르게 해결하고, 더 나은 사용자 경험을 제공할 수 있도록 할 것입니다. 사용자들이 불편하게 느낄 수 있는 부분을 개선하고, 게임 내 이벤트나 보상 시스템을 계속해서 발전시켜 나갈 것입니다​