게임 소개
컬러 블록퍼즐은 색채로 가득한 블록 화면에서 같은 색의 그룹을 찾아 연결하는 퍼즐 게임입니다. 플레이어는 화면에 나타난 블록 중 같은 색 블록을 3개 이상 이어 선택하고, 연결을 완성할 때마다 점수를 얻습니다.
규칙은 간단하지만 연결할 수 있는 조합을 계속 찾게 됩니다. 더 이상 같은 색의 블록을 연결할 수 없게 되면 게임이 종료되므로, 마지막 순간까지 다음 연결을 고민하는 재미가 있습니다. 별도의 복잡한 설정 없이 색과 점수라는 익숙한 요소만으로 시작할 수 있습니다.
특징과 재미 포인트
- 눈에 확 들어오는 색 조합: 여러 가지 색의 블록이 화면에 펼쳐져 있어, 같은 색 그룹을 빠르게 찾고 연결하는 만족감이 있습니다.
- 明確한 연결 목표: 3개 이상이라는 기준이 있어 처음 플레이할 때도 규칙을 바로 이해할 수 있습니다. 연결할 때마다 점수가 쌓이며, 높은 점수를 만들기 위한 선택이 계속 이어집니다.
- 실시간 랭킹 경쟁: 플레이한 뒤에는 실시간 랭킹 시스템에서 자신의 점수를 확인할 수 있습니다. 친구들과 점수를 비교하며 다음 도전의 목표를 정하는 재미를 얻을 수 있습니다.
- 데스크톱과 모바일 지원: 컴퓨터의 마우스뿐 아니라 휴대폰과 태블릿에서도 터치로 블록을 선택해 플레이할 수 있습니다. 이동 중이거나 잠시 쉬는 시간에도 브라우저를 열어 게임을 시작할 수 있습니다.
플레이 방법
1. 컬러 블록 퍼즐에 접속합니다. 게임 화면을 열면 블록들이 표시됩니다.
2. 같은 색의 블록을 선택합니다. 데스크톱에서는 마우스로, 모바일에서는 터치로 연결할 블록을 선택합니다.
3. 3개 이상을 연결합니다. 같은 색 블록 3개 이상을 하나의 그룹으로 연결하면 점수를 얻습니다.
4. 다음 조합을 계속 찾습니다. 연결 가능한 블록이 남아 있는 동안 점수를 높일 수 있도록 다음 색깔 그룹을 찾습니다.
5. 연결이 불가능하면 종료됩니다. 더 이상 같은 색 블록을 연결할 수 없을 때 게임이 끝나며, 플레이한 점수를 랭킹에서 확인합니다.
기술 스택과 개발 방식
이 게임은 HTML, CSS, JavaScript의 Canvas 2D를 사용해 제작되었습니다. HTML과 CSS로 게임 화면을 구성하고, JavaScript의 Canvas 2D 렌더링으로 블록을 표시하고 조작하도록 구현했습니다. 복잡한 3D 엔진이나 별도 설치 없이 브라우저에서 실행되는 가벼운 구조가 특징입니다.
전체 개발 시간은 약 1~2시간으로, 단순한 규칙과 빠른 피드백을 바탕으로 구현된 프로젝트입니다. AI 에이전트가 CEO → PM → Developer → QA → DevOps 파이프라인을 따라 역할을 나누어 개발했으며, 최종 QA 결과는 `pass`로 완료됐습니다.
지금 바로 도전해 보세요
짧은 시간에 규칙을 익히고, 같은 색 블록을 연결해 점수를 쌓아 보세요. 높은 랭킹을 노리는 친구들과의 경쟁도 지금 시작할 수 있습니다.
- [온라인에서 바로 플레이하기](https://games.benant.net/%EC%BB%AC%EB%9F%AC-%EB%B8%94%EB%A1%9D-%ED%8D%BC%EC%A6%90/index.html)
- [GitHub 저장소에서 프로젝트 확인하기](https://github.com/benant/benant_games)