From 0b722eb4d59520dd8257ea394d5007083a8daf20 Mon Sep 17 00:00:00 2001 From: Abdulwahed Talash Date: Thu, 9 Dec 2021 15:22:30 +0430 Subject: [PATCH] add a pig game project --- .gitignore | 2 + pig game project/README.md | 8 +++ pig game project/app.js | 113 ++++++++++++++++++++++++++++++++ pig game project/img/dice-1.png | Bin 0 -> 3540 bytes pig game project/img/dice-2.png | Bin 0 -> 4321 bytes pig game project/img/dice-3.png | Bin 0 -> 5009 bytes pig game project/img/dice-4.png | Bin 0 -> 4578 bytes pig game project/img/dice-5.png | Bin 0 -> 5262 bytes pig game project/img/dice-6.png | Bin 0 -> 5357 bytes pig game project/index.html | 54 +++++++++++++++ pig game project/style.css | 96 +++++++++++++++++++++++++++ 11 files changed, 273 insertions(+) create mode 100644 .gitignore create mode 100644 pig game project/README.md create mode 100644 pig game project/app.js create mode 100644 pig game project/img/dice-1.png create mode 100644 pig game project/img/dice-2.png create mode 100644 pig game project/img/dice-3.png create mode 100644 pig game project/img/dice-4.png create mode 100644 pig game project/img/dice-5.png create mode 100644 pig game project/img/dice-6.png create mode 100644 pig game project/index.html create mode 100644 pig game project/style.css diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..0f69f75 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +bootstrap +font-awesome diff --git a/pig game project/README.md b/pig game project/README.md new file mode 100644 index 0000000..b7d01cb --- /dev/null +++ b/pig game project/README.md @@ -0,0 +1,8 @@ +in this project I use +1- HTML +2- CSS + a. bootstrap + b. font-awesome +3- javascript + +by Abdulwahed talash diff --git a/pig game project/app.js b/pig game project/app.js new file mode 100644 index 0000000..09affd9 --- /dev/null +++ b/pig game project/app.js @@ -0,0 +1,113 @@ + +/* +Game RULES: +- The game has 2 players, playing in rounds +- In each turn, a player rolls a dice as many times as he whishes. Easch esult geet added to his ROUND score +- BUT, if the player rolls a 1, all his ROUND score gets localStorage. After OES_texture_half_float_linear, + it's the next player's turn +- the player can chosse to 'hold', which means thet his ROUND score gets added to his GLBAL score. + After OES_texture_half_float_linear, it's the next player's turn +- the first player to reach 100 points on GLOBAL score wins the game +-two time six come you will lose all your score */ + + // important variable +var score = [0,0] , roundScore = 0 , activePlayer = 0 ,i=0,dice,WinngScore = 100; +const newGame = document.querySelector(".newGame"), + circle0 = document.querySelector("#player0-circle"), + circle1 = document.querySelector("#player1-circle"), + current0 = document.querySelector("#current-0"), + current1 = document.querySelector("#current-1"), + rollDice = document.querySelector("#dice"), + hold = document.querySelector("#hold") + diceImage = document.querySelector(".dice-image"); + + + diceImage.style.display = 'none'; + + // add event listener to ROLL DICE + + rollDice.addEventListener('click',function(){ + // change icon color and reverse + document.querySelector(".fa-refresh").classList.add("reverse"); + // my icon should rotate over and over so i use setTimeout function to remove reverse function + setTimeout(function(){document.querySelector(".fa-refresh").classList.remove("reverse");},1000) + // rondam number + dice = Math.floor(Math.random()*6)+1; + // display the result + diceImage.style.display = 'block'; + // document.querySelector('#score-' + roundScore).textContent = dice; + document.querySelector('.dice-image').src= `img/dice-${dice}.png`; + // Update the round score if the rolled number was not 1 + if (dice !== 1) { + roundScore += dice; + document.querySelector("#current-" + activePlayer).textContent = roundScore; + }else{ + nextPlayer(); + } + // two time six come you will lose all your score + if (activePlayer == 0) { + TwoTimeSix(); + } + else if(activePlayer == 1){ + TwoTimeSix(); + } + }) + + document.querySelector("#hold").addEventListener("click",function(){ + // move current value to global value + score[activePlayer] += roundScore; + document.querySelector("#score-" + activePlayer).textContent = score[activePlayer]; + // change icon color and reverse + // document.querySelector(".fa-download").style.transform = "rotate(180deg)"; + // document.querySelector(".fa-download").style.transition = "transform 1s ease"; + + + // if player won the game + if (score[activePlayer] >= WinngScore) { + document.querySelector('#player-'+activePlayer).innerHTML = "Winner!🥳"; + document.querySelector('#player-'+(activePlayer ==0 ?activePlayer = 1:activePlayer = 0)).innerHTML = "Losser!😔"; + rollDice.disabled ="disabled"; + hold.disabled="disabled"; + circle0.remove("fa-circle"); + circle1.remove("fa-circle"); + diceImage.style.display ="none"; + } + //next player + nextPlayer(); + +}) + +// next player function + +function nextPlayer(){ + roundScore = 0; + document.querySelector("#current-" + activePlayer).textContent = 0; + activePlayer == 0 ? activePlayer = 1 : activePlayer = 0; + circle0.classList.toggle("fa-circle"); + circle1.classList.toggle("fa-circle"); + document.querySelector('.left-div').classList.toggle("active-background"); + document.querySelector('.right-div').classList.toggle("active-background"); +} + +// new game button +newGame.addEventListener('click',function(){ + window.location.reload(); +}) +// two time six function + +function TwoTimeSix(){ + if (dice != 6) { + i =0 + } + else { + ++i; + hold.onclick = function(){i=0} + if (i == 2) { + document.querySelector("#score-" + activePlayer).textContent = 0; + nextPlayer(); + i= 0; + } + setTimeout(function(){i=0},2000); + + } +} diff --git a/pig game project/img/dice-1.png b/pig game project/img/dice-1.png new file mode 100644 index 0000000000000000000000000000000000000000..0d911ca113940240e5170af5f35f7251481d0df0 GIT binary patch literal 3540 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 UhpQ+IddCK{JB+oVTN5t)8<}wW(EtDd literal 0 HcmV?d00001 diff --git a/pig game project/img/dice-4.png b/pig game project/img/dice-4.png new file mode 100644 index 0000000000000000000000000000000000000000..0c785f753e9edb1d846f726e2e7de1a2eebd7441 GIT binary patch literal 4578 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 literal 0 HcmV?d00001 diff --git a/pig game project/img/dice-6.png b/pig game project/img/dice-6.png new file mode 100644 index 0000000000000000000000000000000000000000..6f4d9b38900e9a8a5c678f821e3b817d62736286 GIT binary patch literal 5357 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 g_= + + + + + + + + + + Pig Game + + +
+
+
+ + +
+
+

PLAYER 1

+ +
+

0

+
+
+

Current

+

0

+
+
+
+

PLAYER 2

+ +
+

0

+
+
+

Current

+

0

+
+
+
+ + +
+ +
+
+ + + + + + diff --git a/pig game project/style.css b/pig game project/style.css new file mode 100644 index 0000000..1e02ea1 --- /dev/null +++ b/pig game project/style.css @@ -0,0 +1,96 @@ +*{ + font-family:'Courier New', Courier, monospace; +} +body{ + background:tan !important; +} +.row{ + width: 80%; + height: 450px; + position: relative; + margin-top: 60px; + margin-left: 100px !important; + +} +.left-div{ + width: 50%; + background-color: rgba(255, 255, 255, 0.5); +} +.right-div{ + width: 50%; + background-color: rgba(255, 255, 255, 0.5); +} +.active-background{ + background-color:#e9ecef; +} +.new-game{ + position: absolute; + margin: 20px 0 0 44%; /* top right bottom left */ + +} +.new-game-span{ + position: absolute; + font-size: 23px !important; + margin-left:-20px !important; + margin-top: 7px !important; + +} +.new-game input{ + font-size: 24px; + word-spacing: -7px; + background: transparent; + border: none; + +} +.roll-dice{ + position: absolute; + margin: 36% 0 0 40%; + font-size: 23px; +} +#dice ,#hold{ + display: block; + margin-bottom: 23px; + background: transparent; + border: none; + outline: none; +} +#hold:hover{ + + margin-top: 2px !important; + /* transition: all 1s ease; */ + float: left; + +} +#hold{ + margin-left: 31px; +} +.reverse{ + transform : rotate(180deg) !important; + transition : transform 1s ease !important; +} +.playerText{ + margin: 80px 0 0 110px; +} +.fa-circle{ + position: absolute; + margin:-33px 0 0 318px; + /* display: none !important; */ +} +.point{ + margin: 0px 0 0 173px; +} +.current{ + width: 100px; + height: 80px; + text-align: center; + margin: 116px 0 0 150px; +} +.current-point{ + font-size: 35px; + margin-top: -20px; +} +.dice-image{ + position: absolute; + width: 90px; + margin: 166px 0 0 390px; +} \ No newline at end of file