diff --git a/Ludogame/img/imageG11.png b/Ludogame/img/imageG11.png new file mode 100644 index 0000000..fa68afd Binary files /dev/null and b/Ludogame/img/imageG11.png differ diff --git a/Ludogame/img/imageG22.png b/Ludogame/img/imageG22.png new file mode 100644 index 0000000..715afe8 Binary files /dev/null and b/Ludogame/img/imageG22.png differ diff --git a/Ludogame/img/imageR2.png b/Ludogame/img/imageR2.png new file mode 100644 index 0000000..9751db0 Binary files /dev/null and b/Ludogame/img/imageR2.png differ diff --git a/Ludogame/img/imager1.png b/Ludogame/img/imager1.png new file mode 100644 index 0000000..10ae994 Binary files /dev/null and b/Ludogame/img/imager1.png differ diff --git a/Ludogame/index.html b/Ludogame/index.html new file mode 100644 index 0000000..48b0c88 --- /dev/null +++ b/Ludogame/index.html @@ -0,0 +1,66 @@ + + + + + + + LUDO-game + + +
+
+ + +
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
+
+
28
+
27
+
26
+
25
+
24
+
23
+
+
+
9
+
10
+
11
+
12
+
13
+
14
+
+
+
22
+
21
+
20
+
19
+
18
+
17
+
16
+
+ + +
+
+
+
+

+
+
+

+
+
+
+
+ + + + \ No newline at end of file diff --git a/Ludogame/sandbox.js b/Ludogame/sandbox.js new file mode 100644 index 0000000..e1e1a0b --- /dev/null +++ b/Ludogame/sandbox.js @@ -0,0 +1,127 @@ +const generate = document.querySelector('.generate'); +generate.addEventListener("click",main); + +var num; +function generateRandomNum() { + var randomNum = Math.ceil(Math.random()*6); + var randomNumEl = document.querySelector('.randomNumEl'); + randomNumEl.innerHTML = randomNum; + num=randomNum; +} +function poi(){ + console.log('Number:',num); +} + +function main(){ + generateRandomNum(); + poi(); + turnof(); + locker(); + pn_red(); + pn_green(); + pn_red_board(); + pn_green_board(); + /*clean();*/ +} + +let turns=['Red Player Obtained','Green Player Obtained']; +if(num==null){ + turnw= turns[0]; + turno = document.querySelector('.turno'); + turno.innerHTML = turnw; +} +let i=0; +let j=0; +function turnof(){ + if(num!=6){ + + turnw= turns[i++]; + turno = document.querySelector('.turno'); + turno.innerHTML = turnw; + if(i>1){ + i=0; + } + j=i; + } + else{ + turnw = turns[j]; + turno = document.querySelector('.turno'); + turno.innerHTML = turnw; + } +} + +let r = true; +let g = true; +var p_red = -6; +var p_green = 9; + +function locker(){ + if(num === 6 && turno.innerHTML ==='Red Player Obtained'){ + r=false; + } + else if(num === 6 && turno.innerHTML ==='Green Player Obtained'){ + g=false; + } +} + + +function pn_red(){ + if(!r && turno.innerHTML ==='Red Player Obtained'){ + if(p_red + num < 27) { + p_red += num; + } + else if(p_red + num == 27){ + alert('Red Won, Congrats'); + alert('Refresh to start new game!'); + const overw = document.querySelector('.turno'); + overw.innerHTML = '!! Game over !!'; + } + else{ + p_red = p_red; + } + } + console.log('R:',p_red); +} + +function pn_green(){ + if(!g && turno.innerHTML ==='Green Player Obtained'){ + if(p_green + num < 41) { + p_green = p_green+num; + } + else if(p_green + num == 41){ + alert('Green won, Congrats'); + alert('Refresh to start new game!'); + const overw = document.querySelector('.turno'); + overw.innerHTML = '!! Game over !!'; + } + else{ + p_green = p_green; + } + } + console.log('G:',p_green); +} +/*var k=0; +var c;*/ + +function pn_red_board(){ + if(!r && turno.innerHTML ==='Red Player Obtained'){ + document.querySelector(`#b${p_red+1}`).style.backgroundColor = 'red'; + /*c[k] = `#b${p_red+1}`; + k++;*/ + } +} + +function pn_green_board(){ + if(!g && turno.innerHTML ==='Green Player Obtained' && p_green <= 27){ + document.querySelector(`#b${p_green}`).style.backgroundColor = 'green'; + /*c[k++] = `#b${p_green}`;*/ + } + else if(!g && turno.innerHTML ==='Green Player Obtained' && p_green > 27){ + document.querySelector(`#b${p_green-27}`).style.backgroundColor = 'green'; + /*c[k++] = `#b${p_green-27}`;*/ + } +} + +/*function clean(){ + console.log(typeof c[1]); +}*/ diff --git a/Ludogame/styles.css b/Ludogame/styles.css new file mode 100644 index 0000000..efbd533 --- /dev/null +++ b/Ludogame/styles.css @@ -0,0 +1,73 @@ +.top,.bottom{ + display: grid; + height:auto; + width:12.5%; + margin-top: auto; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + position: relative; +} +.box{ + background-color: #eaf0a6; + border-color:#000000; + height: 100px; + width:100px; + border: 1px dashed #000000; + } +.side1,.side2{ + display: grid; + height:auto; + width:12.5%; + margin-top: auto; + grid-template-rows: 1fr; + +} +.side2{ + padding-left:715px; + position: absolute; + top: 110px; +} +.centre{ + display:grid; + height:25%; + width:25%; + position:absolute; + top: 300px; + left:16%; + background-color: #f8f6dc; + +} +.boxc{ + border: 1px dashed #000000; +} +#b1{ + background-color: rgb(221, 24, 24); + text-align: bottom; +} +#b15{ + background-color: rgb(11, 237, 64); + text-align: bottom; +} +#turn{ + text-align: center; + position:relative; + font-size:40px; +} +#roll{ + font-size: larger; + height:100%; + width:100%; +} +.randomNumEl{ + text-align: center; + font-size: 50px; + margin: 5px; +} +.turno{ + text-align: center; + margin-bottom: 5px; +} +#last{ + margin-top: 0px; + font-size: larger; + padding-left: 10%; +} \ No newline at end of file