당신의 게임 실력을 조롱하는 플랫폼 게임

by DD
1개월 전
조회수 18

HTML5 Canvas 기반의 플랫폼 게임으로, 플레이어의 게임 본능을 배신하는 트롤링(Trolling) 요소를 특징으로 함

Google Gemini 2.0 Flash를 활용한 AI 챗봇이 실시간으로 플레이어의 게임 플레이를 조롱하며, 개인화된 경험(Personalized Experience) 제공

게임 내 418 에러(I'm a Teapot), 코인 훔치기, 스파이크 치유 등 예상치 못한 반전(Unexpected Twist)을 통해 유쾌한 경험 선사

Vanilla JS를 사용하여 프레임워크 없이 제작되었으며, 데스크톱 및 모바일 환경에서 접근성(Accessibility) 보장

RFC 2324에 대한 오마주(Homage)를 담아, 개발자의 유머와 기술적 깊이를 동시에 보여줌

게임 엔진(Game Engine) 아키텍처

본 게임은 HTML5 Canvas를 기반으로 커스텀 2D 게임 엔진을 구현하여, 타일 기반 충돌 감지, 코요테 타임(Coyote Time), 파티클 시스템, 화면 흔들림 효과 등을 제공한다.

Vanilla JS를 사용하여 외부 라이브러리 의존성을 최소화하고, 단일 IIFE(Immediately Invoked Function Expression) 내에서 모든 기능을 실행

브루탈리스트(Brutalist) 디자인을 적용하여, CSS clip-path를 활용한 글리치(Glitch) 효과 및 스캔라인(Scanline) 애니메이션 구현

Web Audio API를 통해, 점프, 코인 획득, 죽음, 레벨 완료 등 모든 사운드 효과를 실시간으로 생성

AI 챗봇(Chatbot) 통합

게임 내 Google Gemini 2.0 Flash를 활용한 AI 챗봇은 플레이어의 게임 상태를 실시간으로 분석하여, 비꼬는(Sarcastic) 반응을 생성한다.

비반복 응답(Non-repeating Responses)을 위해, Set 기반 트래커를 사용하여 동일한 응답 반복 방지

25개 이상의 키워드 카테고리(코인, 스파이크, 문 등)에 대해, 각 3-5개의 고유한 응답을 제공하며, API 제한 시 폴백(Fallback) 기능 지원

Fisher-Yates 셔플(Shuffle) 알고리즘을 통해, 26개의 죽음 메시지와 8개의 하위 메시지를 무작위로 섞어, 모든 메시지를 한 번씩 경험하도록 설계

트롤링(Trolling) 메커니즘

본 게임은 플레이어의 기대와 반대되는 다양한 트롤링 기법을 통해, 예상치 못한 재미를 유발한다.

코인은 점수를 깎고, 스파이크는 체력을 회복시키며, 출구는 죽음을 유발하는 등 게임 규칙을 의도적으로 위반

418 에러(I'm a Teapot)를 활용하여, 코나미 코드, 메뉴 클릭, AI 챗봇과의 상호작용 등 다양한 경로로 접근 가능

설정 메뉴의 기능(난이도, 볼륨, 'Fun' 토글, 'Uninstall' 버튼)을 조작 불가능하게 만들어, 플레이어의 좌절감(Frustration) 유도

구글 안티그래비티(Google Antigravity) 활용

본 게임은 Google Antigravity를 사용하여, 게임 엔진 아키텍처 설계, 트롤링 메커니즘 디자인, 충돌 감지 디버깅을 수행했다.

AI 코딩 에이전트(AI Coding Agent)를 활용하여, 개발 효율성을 높이고, 창의적인 게임 디자인 구현

Gemini 2.0 Flash를 통해, 게임 내 AI 챗봇 및 승리 화면의 개인화된 평가 생성

API 실패 시 폴백(Fallback) 기능을 통해, API 사용 불가 상황에서도 게임 플레이 지속 가능

RFC 2324에 대한 오마주

본 게임은 RFC 2324(HTTP 418: I'm a teapot)에 대한 오마주를 담아, 개발자의 유머를 표현했다.

코나미 코드 입력 시, 418 에러 화면을 표시하며, RFC 인용, HTCPCP 프로토콜 헤더, 애니메이션 CSS 적용

AI 챗봇이 커피/차 관련 언급에, RFC-정확한 418 에러로 응답

게임 내 다양한 요소 (죽음 메시지, FPS 카운터, 파비콘)에 418 에러를 활용하여, 게임의 테마를 강조

I Built a Platformer That Gaslights You — Coins Steal, Spikes Heal, and The Exit Door Kills You 🫖

댓글 0

첫 번째 댓글을 남겨보세요!