프로젝트/카드 게임4 [HTML & 자바스크립트] 카드게임 만들기 [4.블랙잭] 마지막 게임은 블랙잭이다. 블랙잭은 카드 받기, 콜, 포기 선택지를 이용하여 딜러와 누가 더 21에 가까운 숫자를 만드는지 승부하는 게임이다. 플레이어는 카드 받기 버튼을 클릭하여 1장의 카드를 계속 받을 수 있다. 이 때, 숫자 21을 초과하는 순간 딜러의 승리로 게임이 끝난다. 콜 버튼을 누를 경우, 플레이어와 딜러의 카드패를 오픈하여 그 즉시 숫자비교를 통해 21에 가까운 사람이 승리한다. 딜러의 경우 숫자 17미만이면 카드를 계속 뽑는 규칙이 적용되어 있다. 포기를 누르면 그 즉시 승부가 종료되며 점수가 감점된다. - 블랙잭 페이지 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 3.. 2021. 2. 23. [HTML & 자바스크립트] 카드게임 만들기 [3.인디언포커] 다음 게임은 인디언 포커다. 인디언 포커의 경우 1장의 카드를 이마에 올리고 call 또는 die를 선택하여 승부를 겨루는 게임이다. 자신의 카드 숫자는 알 수 없으며 오직 상대방의 카드 패 숫자를 보고 선택을 하여야 한다. 카드패는 1부터 10까지 총 2장씩 20장을 가지고 진행하며 모든 카드가 소진되면 다시 카드를 섞고 진행한다. 즉, 상대방의 카드와 자신의 카드 숫자를 카운팅 하여 진행해야 승부에서 이길 수 있는 게임이다. 스코어 시스템으로 만들었기 때문에 단순히 call 또는 die만 선택할 수 있도록 하였다. 다만, 실제 인디언 포커에서도 10을 들고있을 때 die를 선택하면 엄청난 패널티를 얻기 때문에 제작한 게임에서도 10을 들고 die를 하면 플레이어든 컴퓨터든 500점을 감점하는 .. 2021. 2. 23. [HTML & 자바스크립트] 카드게임 만들기 [2.같은 그림 찾기] 같은 그림 찾기 게임은 처음 몇 초간 오픈된 카드를 기억하여 카드 쌍을 맞추는 게임이다. 1스테이지~3스테이지 까지 구성하였으며, 5쌍, 10쌍 15쌍 순으로 카드 수가 증가한다. 난이도가 올라갈 수록 처음 보여주는 시간과 기회를 더 많이 주는 방식이다. - 같은그림 찾기 1단계 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 Colored by Color Scripter cs 실행될 때, 카드 데이터 값을 섞어주는 shuffle 함수가 동작한다. body부분엔 div로 각 카드의 구역을 나누어 배치해주었다. 또한, onclick 동작으로 .. 2021. 2. 23. [HTML & 자바스크립트] 카드게임 만들기 [1.메인화면 및 게임룰] HTML 과 자바스크립트만 가지고 프로젝트를 하였다. 자바스크립트로 카드게임 만들기 (1.같은 그림 찾기 2. 인디언 포커 3.블랙잭) 메인화면은 위 사진과 같이 버튼 클릭을 통해 각 메뉴로 이동할 수 있도록 하였다. - 메인화면 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 body{ .. 2021. 2. 23. 이전 1 다음
