r/vibecoding•2개월 전•132•78
React, Matter.js, Capacitor로 만든 아늑한 젤리 머지 게임을 '바이브 코딩'해봤어. 무료, 로그인 필요 없음, 5초 만에 플레이 가능.
I vibe coded a cozy jelly merge game with React, Matter.js and Capacitor. Free, no login, play within 5 seconds.
핵심 요약
React와 Matter.js를 활용해 개발한 아늑한 젤리 머지 게임 'Nelly Jellies' 소개 및 개발 경험 공유.
- 기술 스택 — React, Vite, Matter.js, Capacitor를 사용하여 웹과 모바일 앱을 동시에 개발함.
- 개발 워크플로우 — AI를 활용해 프로토타입을 빠르게 제작하고 물리 엔진과 모바일 환경을 테스트함.
- 배포 파이프라인 — 웹, iOS, Android 플랫폼을 통합 관리하여 별도의 대시보드 없이 배포함.
- 업데이트 내용 — 새로운 희귀 젤리 'Boo' 추가 및 난이도가 높은 매치 3 모드 도입.
nellyjellies.com
원문 사이트로 이동
React, Vite, Matter.js, Capacitor, Codex를 사용해서 'Nelly Jellies'를 만들었어. 내 작업 방식은 브라우저에서 각 메커니즘을 프로토타이핑하고, AI를 써서 대략적인 아이디어를 작은 타입 헬퍼와 컴포넌트로 바꾼 다음, 물리 엔진과 모바일 느낌을 직접 테스트하고 나서 동일한 코드베이스를 웹, iOS, Android로 배포하는 식이었어.
가장 힘들었던 건 3개 플랫폼을 항상 최신 상태로 유지하는 거였는데, 이제는 모든 걸 관리해 주는 깔끔한 파이프라인을 구축해서 퍼블리싱 대시보드를 건드릴 일이 없어졌어.
최신 버전에는 다음에 닿는 젤리를 유령으로 만드는 희귀 젤리 'Boo'와 더 어려운 매치 3 모드가 추가됐어. 재밌게 즐겨줘 <3
