전체보기31 리버스 체스 ( 2 ) - 익숙한 부분 게임 링크 : https://reversechess.perfect.ai.kr/ 리버스 체스 reversechess.perfect.ai.kr리버스 체스 기록 처음부터 보기 : https://helloworld.ai.kr/29엔진과 UI 파트 분리카드 게임 개발 때나 Echo of Mana 컨셉 플레이를 만들 때와 마찬가지로,이번에도 엔진 파트와 UI 파트를 분리하는 것부터 시작했다.한 가지 차이점이 있다면, 이번에는 Zustand 같은 전역 상태 관리를 사용하지 않았다.재접속 시 게임 재개 기능을 넣지 않을 예정이었기 때문에,각 페이지 컴포넌트가 엔진 객체나 AI 플레이어 객체를 직접 소유하고 관리하는 구조로도 충분하다고 판단했다.엔진엔진 구현에만 약 20시간이 소요됐다.먼저 다음과 같은 기본 타입을 정리.. 2026. 2. 17. 리버스 체스 ( 1 ) - 회고 게임 링크 : https://reversechess.perfect.ai.kr/ 리버스 체스 reversechess.perfect.ai.kr 총 개발 시간 55시간리버스 체스는 체스의 변형 규칙 버전이다.익숙한 부분 ( 엔진, UI, 튜토리얼, 2인 플레이 )https://helloworld.ai.kr/30'그 긴 거' ( AI 알고리즘, 1인 플레이 )https://helloworld.ai.kr/31구글 애널리틱스, 모바일 UI ( 디버깅 )https://helloworld.ai.kr/32개발 범위1. 2인 플레이 (1:1 테이블 모드) 온라인 매칭 시스템은 없고 한 화면에서 같이 플레이하는 형태2. 튜토리얼 페이지 규칙을 쉽게 이해할 수 있도록 체스판과 특정 상황을 직접 제공3. 컴퓨터 대전 모드 난이.. 2026. 2. 17. Echo of Mana : 컨셉 플레이 개발기 게임 링크 : https://echo-of-mana-readonly.vercel.app/ Echo of Mana📦 플레이어 인벤토리 나무: 0 철광석: 0 가루시간: 0 열쇠: 0 삽: 없음echo-of-mana-readonly.vercel.app 총 개발 시간 12시간시간 루프 메커닉 기반 퍼즐 게임 컨셉 플레이 개발 완료Next.js + PixiJS 조합으로 웹 프로토타입 제작Echo of Mana는 타임루프 컨셉의 퍼즐 게임이다.그 컨셉을 이해할 수 있는 분량만큼을 간단히 제작한 것이다.우리 에오마는요Echo of Mana 세계에서는 시간이 반복된다.플레이어는 매 루프마다:재료를 모으고아이템을 만들고사람들과 상호작용한다그러면 다음 루프에서 이 행동을 재현하는 ‘정령(spirit)’이 등장해 플레이.. 2026. 2. 17. 마(피아)왕 게임 개발 기록 총 개발 시간 : 25시간개발 방식 : 98% 바이브 코딩아키텍처 : TypeScript + React + Zustand + TailwindCSS (Vercel 배포), TypeScript + Node.js + Express (Render 배포), WebSocket포인트 부엉이 게임을 하면서 오프라인에서 여러 명이 모여 웹페이지로 플레이하는 방식에 꽂힌 것인지, 비슷한 방향의 게임을 하나 더 만들게 되었다. 고등학교 친구들과 7명이 모일 기회가 있어 ‘7명이면 오리지널 게임 하나 만들어가야지’ 했다가, 결과적으로 25시간을 투자하게 됐다. 뱅 + 시계탑에 흐른 피 느낌의 직관적인 치고받는 재미를 구현하려 했는데, 아직은 기대만큼 재미가 나오지는 않는 것 같다. 작업을 더 이어가야 할지는 고민 중이다.카드.. 2026. 2. 17. 부엉이 게임 파일럿 ( 5, 완 ) - 성공적인 행사 부엉이 게임 파일럿 기록 처음부터 보기 : https://helloworld.ai.kr/22 부엉이 게임 파일럿 ( 1 ) - 회고'부엉이 게임'은 내가 홀로 직접 기획하고 진행한 두뇌 게임 서바이벌 행사이다.파일럿 프로그램을 두 번 열었다.부엉이 게임 : 파일럿 프로그램 1회차 진행일 : 2025.12.241회차 준비 진행 기간 2025.helloworld.ai.kr 개발 중 맞닥뜨린 문제문제 Next.js로 게임 플레이 페이지를 Vercel에 배포. 게임을 테스트하고 있는데 제한시간 타이머가 자꾸 왔다갔다 하는 불쾌한 버그 발생. 50:00 제한 시간인데, 타이머가 50:00->36:48->50:00->36:46 이런 식으로 초기 시간과 정상적인 시간을 오갔다. 초기 시간일 때는 행동을 할 수 없도록.. 2026. 2. 17. 부엉이 게임 파일럿 ( 4 ) - Figma 부엉이 게임 파일럿 기록 처음부터 보기 : https://helloworld.ai.kr/22Figma 입문UI/UX 디자인은 오랫동안 내게 가장 부담스러운 영역이었다.하지만 1인 개발자로서 반드시 넘어야 할 산이다.이번 프로젝트를 계기로 Figma를 처음으로 제대로 만져봤다.내 기준에서 UI 디자인을 잘한다 = Figma를 잘 써먹는다에 가깝다.Figma는디자이너개발자PM을 아우르는 협업 도구이고, 사실상 업계 표준이다.Figma 핵심 개념 정리Canvas / Frame / LayerCanvas : 전체 작업 바탕Frame : 화면 단위Layer : Frame 내부의 개별 요소웹으로 치면:Canvas → 작업 공간Frame → 페이지Layer → DOM 요소Constraints상위 Frame 크기가 변할.. 2026. 2. 16. 이전 1 2 3 4 5 6 다음
