[JS/jQuery] 야구 게임 / PHP 간단한 숫자 야구 게임
페이지 정보
작성자 webpaper 댓글 0건 조회 6,939회 작성일 19-02-20 09:49본문
PHP 웹페이지로 만든 간단한 숫자 야구게임
방식
1. 1~9 사이의 숫자 중 중복되지 않는 3자리의 숫자를 입력한다.
2. 세자리의 숫자 중 숫자와 자리가 모두 맞으면 스트라이크
3. 숫자는 맞고, 자리가 틀리면 볼
4. 1번 숫자를 입력하는 것이 1회가 되며, 9회까지 기회가 제공됨.
5. 입력된 숫자 중 스트라이크와 볼이 모두 없으면 아웃이 되며, 3아웃이 되면 게임이 종료된다.
#1. 정답이 될 3자리 숫자를 랜덤 함수를 이용해서, 만든다.
function makeNum(){ //중복없는 3자리 숫자 생성 var numbers = []; var pickNumbers = 3; for(insertCur = 0; insertCur < pickNumbers ; insertCur++){ numbers[insertCur] = Math.floor(Math.random() * 9) + 1; for(searchCur = 0; searchCur < insertCur; searchCur ++){ if(numbers[insertCur] == numbers[searchCur]){ insertCur--; // insertCur를 앞으로 민다 break; } } } return numbers; }
#2. 입력된 숫자와 정답숫자를 비교
function setGame(a,b){ // console.log(a);//공격번호 // console.log(b);//맞출번호 var sCnt = 0; // 스트라이크 var bCnt = 0; // 볼 for(var i = 0; i<3; i++){ if(a[i] == b[i]){ //자리와 숫자가 맞으면 Strike 증가 sCnt++; }else{ for(var j = 0; j<3; j++){ //자리가 맞지 않고 숫자만 맞을 경우 Ball 증가 if(a[j] == b[i]){ bCnt++; } } } } gameCnt++; // 실행횟수 증가 // Strike 도 Ball 도 없는 경우 Out Count 증가 if(sCnt == 0 && bCnt == 0){ gameOutCnt++; } // Outdl 3일 경우 // 9번의 기회가 종료될때까지 3Strike가 되지 않은 경우 if(gameOutCnt > 2 || gameCnt == 9 && sCnt != 3){ chkGameOver = true; } if(sCnt == 3){ // win } }
#3. 게임의 재미를 위해 최초로 숫자를 입력한 후에는 다음 입력시까지 30초의 제한을 둔다.
function statrTimer(){ //타이머 if(setTimer == null){ timer = 30; setTimer = setInterval(function() { // 10초 이하일 경우 숫자에 색상 추가 if(timer < 10 ){ if($(".timer").hasClass() != 'on'){ $(".timer").addClass('on'); } } if(timer == 0 ){ // 제한시간 종료 시 숫자는 000 으로 입력됨 stopTimer('end'); statrTimer(); }else if(chkGameOver == true){ // 게임종료시 타이머 종료 stopTimer(); }else{ // 타이머 화면 표출 영역 $(".timer").html(timer); timer--; } }, 1000); } } function stopTimer(a){ // 타이머 중지 if(a=='end'){ // 타이머 오버 시 000 입력 setGame('000',rndNum); } // 타이머 색상 초기화 $(".timer").removeClass('on'); // 타이머 종료설정 clearInterval(setTimer); setTimer = null; $(".timer").html('30'); }
그렇게 만들어진 게임
셀프 배너제작
간단한 이미지 제작 셀프로 쉽게!
바로가기내 IP 주소확인
IP로 위치확인하는 페이지
바로가기레이아웃 계산
배너사이즈 구하기
바로가기숫자 야구게임
간단한 PHP 3자리 숫자 야구게임
바로가기Access Token
티스토리 Access Token 발급받기
바로가기