안녕하세요. 디자인원엑스입니다.

이번에 출시된 MB 실시간 오목 배틀 포인트게임 게시판 1.0.0은 많은 복잡한 난이도와 복잡한 시스템을 반영하여 개발한 프로젝트입니다. 특히 대기자 모니터링, 매칭 로직 구현 등 세밀한 기능 개발에 많은 노력을 기울였습니다.

게임 진행 방식 안내:

1. 플레이어 1과 플레이어 2가 접속하면 매칭이 자동으로 이루어집니다.

2. 별도의 시작 버튼 없이, 접속 후 3초가 지나면 게임이 자동으로 시작됩니다.

3. 플레이어 1이 승리하고 플레이어 2가 패배하면, 대기 중인 다음 플레이어와 3초 후 바로 게임이 이어집니다. 플레이어 2는 대기자 맨뒤로 이동하게 됩니다.

4. 대기자가 없는 경우, 패배한 플레이어와 다시 3초 후 게임이 진행됩니다.

개발 과정에서 여러 가지 방식을 시도했으나, 오목게임 첫 구현인 관계로 반복적인 버그 수정에 많은 시간이 소요되었습니다. 원래는 [대기 → 시작 버튼] 방식으로 구현하려 했으나, 안정적인 동작을 위해 현재 자동 매칭 방식으로 진행하게 되었습니다.

현재 동시에 장기 게임도 개발 중이며, 해당 매칭 로직[대기 → 시작 버튼]을 장기 게임에도 적용하고 있습니다. 다만, 구현이 완료되어도 시스템 구조가 복잡하여 오목 게임에 완전히 반영되기까지 다소 시간이 걸릴 수 있습니다. (적용을 안할 수도 있습니다.)

여러분께서 즐겁게 게임을 즐기실 수 있기를 바랍니다. 감사합니다.

## 스킨 개발 목적 ##

게시판 스킨 방식으로 게임을 연동한 이유는, 개발자가 미리 정해 놓은 구조 안에서 플레이하도록 강제하기보다 회원들이 보다 자유롭게 게임을 즐길 수 있는 환경을 제공하기 위함입니다. 플러그인 형태로 제작할 경우 게임의 흐름과 이용 방식이 개발자 의도에 따라 제한될 수밖에 있지만, 게시판 스킨을 활용하면 회원이 직접 방 이름을 정하고 대전하고 싶은 상대를 선택하는 등 커뮤니티 특성에 맞는 자율적인 게임 문화가 자연스럽게 형성될 수 있습니다. 이러한 구조를 통해 본 게임은 단순한 기능 제공을 넘어, 커뮤니티 안에서 회원 참여와 소통을 활성화하는 콘텐츠로 자리 잡을 수 있도록 설계되었습니다.

## 게임 진행 방식 ##

1. 본 게임은 1:1 실시간 대전 방식으로 진행됩니다.

2. 승자는 게임에 잔류하여 다음 참가자와 연속으로 대전을 진행합니다.

3. 패자는 대기자가 있을 경우 대기열의 맨 뒤로 이동합니다.

4. 대기자가 없는 경우에는 즉시 재도전이 가능합니다.

## 포인트 시스템 ##

1. 본 게임은 포인트 기반으로 운영됩니다.

2. 승자: 100포인트 지급

3. 패자: 100포인트 차감

## 라이선스 정책 ##

본 게임은 100% 프리 라이선스로 제공됩니다.

아래 조건을 제외한 모든 범위에서 자유로운 사용, 커스터마이징, 기능 확장 및 상업적 연동이 가능합니다.

1. 재배포는 금지되어 있습니다.
2. 실시간 소켓 구조를 분리하여 사용하거나 별도로 운영할 경우에 한해, 반드시 디자인원엑스에 사전 문의가 필요합니다.

위 조건을 준수하는 범위 내에서는 별도의 승인이나 비용 없이 자유롭게 활용하실 수 있습니다.

작은목소리 : 저도 좀 도와주세요. 같이 윈윈해요

## 설치 방법 ##

1. 다운로드

2. 압축해제

3. board 스킨에 업로드

## 사용 방법 ##

1. 게시판 글등록

2. 게시글 뷰페이지로 이동해서  오목 게임 배틀 입장

3. 아래 이미지는 입장한 상태입니다. 처음 입장시

4. 3초 카운터 후, 매칭 된 두개의 화면입니다. 대기자가 만약 있다면 게임을 관전할 수 있습니다.

5. 아래 그림은 게임 중일 때, 화면입니다. 4명이 접속한 상태 / 게임 플레이어 / 대기자 입니다.

모든 대기자는 게임 관전이 가능합니다.

6. 승리한 플레이어가 포인트를 지급/차감합니다.

회원가입 절차가 다소 번거로우실 수 있으나, 원활한 게임 진행을 위해 각 플레이어의 계정이 필요합니다.
불편을 드려 대단히 송구하오나, 회원가입 후 이용해 주시길 부탁드립니다.
즐거운 게임 환경을 제공하여 회원님 커뮤니티 활성화에 기여하고자 합니다.

## 그누보드 플러그인과 스킨 배포 정책 조정 ##

안녕하세요. 디자인원엑스입니다.

개발 및 배포 과정의 효율성을 높이고 불필요한 운영 부담을 최소화하기 위해, 내부 검토 끝에 배포 정책을 아래와 같이 조정하게 되었습니다.

앞으로 모든 개발 품목에 대해 1.0.0 이후의 마이너·패치 버전은 디자인원엑스 공식 채널을 통해 배포할 예정입니다.
예를 들어, 2.0.0과 같은 메이저 업데이트 버전은 기존과 같이 그누보드에 등록하되,
2.0.1, 2.1.1 등 유지보수·개선 목적의 버전은 디자인원엑스에서만 제공됩니다.

이는 반복적인 등록 및 관리로 인한 운영 복잡도를 줄이고, 보다 안정적인 개발과 업데이트에 집중하기 위한 결정입니다.
이용에 참고 부탁드리며, 앞으로도 더 나은 품질과 효율적인 지원으로 보답드리겠습니다.

감사합니다.

질문답변 : https://designonex.com/bbs/board.php?bo_table=qa

## 필독 공지 ##

지금부터는 JS 파일에서 절대 변경해서는 안 되는 핵심 설정에 대해 설명드리겠습니다.
이 부분은 메시지 브릿지 전체 기능의 기반이 되는 요소이므로, 반드시 끝까지 읽어주시길 바랍니다.

js소스에서 메시지 브릿지 서버와 연결하기 위한 중요한 설정이 포함되어 있습니다.
빨간색 표시된것은 시스템이 올바르게 작동하기 위해 반드시 필요한 고정값이며, 단 한 글자라도 수정하면 안 됩니다.

이 값들은 메시지 브릿지를 이루는 중앙 WebSocket 서버 주소, 세션 그룹 고유 구분자, 실시간 인증 구조와 연결되어 있습니다,

ws = new WebSocket(`wss://designonex.com:14147/?group=이곳은어디`);

이 URL에서 group= 뒤의 값은 메시지 브릿지에서 공간을 구분하는 고유 식별자 역할을 합니다.
즉, 이 부분은 사용자가 속한 ‘방(room)’입니다.

예를 들어, group 값에 내가 a를 할당하면, 다른 사용자가 같은 a를 사용할 경우 동일한 공간을 공유하게 됩니다.
따라서 내 계정과 세션만을 위한 ‘개인 공간’을 만들고 싶다면 유일한 값을 지정해야 합니다.

클라이언트에서는 보안을 위해서 토큰을 만들어야 안전한 서비스를 사용할 수 있습니다.

개발, 확장, 보안은 각각 클라이언트의 몫입니다.

메시지 브릿지(Message Bridge) 설명 : https://designonex.com/bbs/board.php?bo_table=real_time_bridge&wr_id=4
메시지 브릿지는 무료 서비스: https://designonex.com/bbs/board.php?bo_table=real_time_bridge&wr_id=9
메시지 브릿지 이용약관 : https://designonex.com/bbs/board.php?bo_table=real_time_bridge&wr_id=5
메시지 브릿지 무료 사용 약관 : https://designonex.com/bbs/board.php?bo_table=real_time_bridge&wr_id=10