# 틱택토 대결, 한 칸씩 판도가 바뀌는 전략 대결
TICTOE의 익숙한 규칙에 strategic한 승부를 더한 ‘틱택토 대결’입니다. 복잡한/tutorial 같은 준비 없이, 3×3 격자와 두 개의 기호만으로 바로 승부할 수 있습니다. 내 다음 수를 고르는 동안 상대는 내가 놓은 말을 단서로 최적의 전략을 계산합니다.
게임은 무엇을 하나요?
‘틱택토 대결’은 가로, 세로 또는 대각선으로 같은 기호 세 개를 먼저 연결하는 전략 게임입니다. 플레이어와 AI가 O와 X를 번갈아 배치하며, 자신의 차례에 빈칸 하나를 선택하는 간단한 조작이 모든 전략으로 이어집니다.
단순해 보이지만 한 판에는 최대 아홉 번의 선택이뿐이라 상대의 움직임을 빠르게 읽어야 합니다. 중앙을 차지할지, 양쪽을 번갈아 막을지, 공격 라인을 먼저 완성할지 Decide하는 순간마다 승패의 가능성이 바뀝니다.
무엇이 재미있나요?
- 짧고 직관적인 한 턴 전략: 긴 설명 없이 빈칸을 선택하면 되어 이동과 조작법을 빠르게 익힐 수 있습니다.
- 상대의 선택을 읽는 재미: AI는 플레이어의 이전 수를 기준으로 다음 수를 고르므로 예측 가능한 패턴과 즉각적인 대응 사이에서 전략을 고민하게 됩니다.
- 끝까지 달라지는 승부: 같은 규칙이어도 선택 순서에 따라 공격과 방어의 흐름이 달라집니다.
- 설치 없는 브라우저 플레이: 별도 실행 파일이나 복잡한 로그인이 필요하지 않습니다.
플레이 방법
1. 배포 페이지에 접속해 게임 화면을 엽니다.
2. 자신의 차례가 되면 3×3 격자의 빈칸 하나를 선택합니다.
3. 선택한 칸에 표시되는 기호를 확인하고, AI가 다음 칸을 놓을 때까지 기다립니다.
4. 가로·세로·대각선 중 하나에 같은 기호 세 개가 먼저 놓이면 승리합니다.
한 번에 한 칸만 선택할 수 있으므로 실수로 여러 칸을 놓는 일은 없습니다. 데스크톱과 모바일 브라우저 모두에서 접근해 화면에 맞게 플레이할 수 있습니다.
어떻게 만들었나요?
이 게임은 HTML과 CSS로 게임 화면을 구성하고, JavaScript의 Canvas 2D API를 사용해 격자와 O·X 표시를 구현했습니다. 별도의 대형 엔진이나 복잡한 애니메이션 없이 가벼운 Web 게임 구조로 완성했으며, 개발에는 약 1~2시간이 투입되었습니다.
또한 AI 에이전트 협업 파이프라인 CEO→PM→Developer→QA→DevOps를 따라 기능 기획, 게임 구현, 품질 검증, 배포까지 진행했습니다. 현재 QA 결과는 pass로, 제공된 배포 페이지에서 바로 플레이할 수 있습니다.
지금 한 수를 선택하세요
다음 턴의 승부가 지금 결정될 수 있습니다. [틱택토 대결 바로 플레이](https://games.benant.net/%ED%8B%B1%ED%83%9D%ED%86%A0-%EB%8C%80%EA%B2%B0/index.html)
개발 과정과 다른 Benant Games 프로젝트는 [GitHub 저장소](https://github.com/benant/benant_games)에서 확인하세요.