반응형 javascript11 자바스크립트 오목 게임 개발 #3 이 번에는 게임 화면을 디자인하고 HTML로 간단하게 구성을 해보겠습니다. 화면 디자인 개발할 게임화면을 Wireframe으로 간단하게 설계해 봅니다. 오목판 선택한 사이즈에 따라 오목판을 그립니다. 기본적으로, 15*15 사이즈가 표준이지만 오프라인 오목게임 시 바둑판(19*19 사이즈)을 주로 사용하기 때문에 선택할 수 있도록 구현해 보겠습니다. 게임 상대 일단, 다른 사람과 게임할 수 있도록 오목게임의 기본 형태를 개발합니다. 추가적으로, 컴퓨터와 대전할 수 있도록 컴퓨터 착수 로직을 개발합니다. 상대를 컴퓨터로 선택한 경우 흑선수를 누가 할지 선택하도록 합니다. 기능 버튼 (재)시작 : 처음 또는 게임 중간에 (재)시작버튼을 누르면 다시 게임을 시작할 수 있도록 초기화합니다. 무르기 : 게임 도중.. 2023. 1. 20. 자바스크립트 오목 게임 개발 #1 잘 알려져 있는 오목게임을 Javascript로 만들어 보면서 오목게임과 Javascript의 기본을 동시에 배울 수 있는 시리즈입니다. 오목에 대해 좀 더 상세히 알아보고 Javascript로 어떻게 개발할 수 있는지 같이 공부해 봅시다. 오목의 규칙 먼저 오목의 기본 규칙에 대해 알아봅니다. 여러 규칙들이 존재하지만, 여기에서는 Javascript로 구현할 기본 규칙을 정의하는 차원에서 정리해 보겠습니다. 두 명의 선수가 흑과 백을 번갈아 가면서 가로 세로 15칸으로 된 보드에 둡니다. 첫 수는 항상 보드의 정 중앙에 흑을 먼저 둡니다. 돌은 반드시 가로줄과 세로줄의 교차점에 두어야 합니다. 가로 세로 대각선으로 5개의 돌을 먼저 두는 선수가 승리합니다. 중간에 끊기거나 막히지 않게 가로 세로 좌우대.. 2023. 1. 19. 자바스크립트 오목 게임 개발 #2 오목게임을 개발하기 위한 준비사항을 알아보고 개발할 게임에 대한 기본 구상을 해 보겠습니다. 그리고, 개발에 필요한 Javascript의 기본 문법과 기능을 간략하게 알아보겠습니다. 준비사항 게임을 개발하기 위한 개발환경에 대해 알아봅니다. 웹 브라우저 Javascript 코드를 실행하기 위한 환경입니다. Javascript는 기본적으로 웹 브라우저 기반에서 실행되기 때문에 Google Chrome을 기본으로 사용합니다. https://www.google.com/intl/ko/chrome/ 에서 다운로드하여서 설치할 수 있습니다. 에디터 Javascript 코드를 작성하기 위한 에디터입니다. Javascript는 별도의 컴파일 환경이 필요하지 않기 때문에 전용 개발툴이 존재하지 않습니다. 대신, 개발을 .. 2023. 1. 19. 이전 1 2 3 다음 반응형
