Kaydet (Commit) 2226de01 authored tarafından Tuğba Fıçıcı's avatar Tuğba Fıçıcı

Merge branch 'Tugba'

This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -58,3 +58,25 @@
padding: 10px;
border: 1px solid #aaaaaa;
}
#overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 2;
cursor: pointer;
}
#text{
position: absolute;
top: 50%;
left: 50%;
font-size: 50px;
color: white;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}
\ No newline at end of file
......@@ -13,6 +13,7 @@
--colorShadeC: rgb(150, 232, 195);
--colorShadeD: rgb(187, 232, 211);
--colorShadeE: rgb(205, 255, 232);
--shadow: #2e383a;
}
* {
......@@ -24,6 +25,19 @@
box-sizing: border-box;
}
@font-face {
font-family: "RobotoThin";
src: url('fonts/Roboto-Thin.ttf') format("truetype");
}
@font-face {
font-family: "RobotoRegular";
src: url('fonts/AAhaWow-2O1K8.ttf') format("truetype");
}
@font-face {
font-family: "RobotoBold";
src: url('fonts/Roboto-Regular.ttf') format("truetype");
}
body {
font-family: "OpenSans", sans-serif;
font-size: 1rem;
......@@ -33,7 +47,7 @@ body {
justify-content: center;
margin: 0;
min-height: 100vh;
background: var(--backgroundColor);
background-image: linear-gradient(to bottom, #416e75, #529290, #6db7a6, #94dbb5, #c6ffc1);
}
button {
......@@ -93,4 +107,125 @@ button.big-button:active {
button.big-button:active::before {
transform: translate3d(0, 0, -1em);
box-shadow: 0 0 0 2px var(--colorShadeB), 0 0.25em 0 0 var(--colorShadeB);
}
.row.oyun{
height: 150px;
width: 290px;
margin-bottom: 10px;
background-color: #34656d;
border-radius: 25px 10px;
box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}
.row.skor{
height: 70px;
width: 290px;
margin-bottom: 10px;
background-color: #34656d;
border-radius: 25px 10px;
box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}
#infoTitle{
height: 150px;
width: 600px;
margin-bottom: 10px;
color: #334443;
background: rgba(125, 179, 192, 0.25);
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
border-radius: 10px;
border: 1px solid rgba(97, 201, 128, 0.18);
}
#mangalaTitle{
font-family: "RobotoRegular";
font-size: 60px;
margin-left: auto;
margin-right: auto;
color: aliceblue;
text-shadow:
6px 6px var(--shadow),
5.75px 5.75px var(--shadow),
5.5px 5.5px var(--shadow),
5.25px 5.25px var(--shadow),
5px 5px var(--shadow),
4.75px 4.75px var(--shadow),
4.5px 4.5px var(--shadow),
4.25px 4.25px var(--shadow),
4px 4px var(--shadow),
3.75px 3.75px var(--shadow),
3.5px 3.5px var(--shadow),
3.25px 3.25px var(--shadow),
3px 3px var(--shadow),
2.75px 2.75px var(--shadow),
2.5px 2.5px var(--shadow),
2.25px 2.25px var(--shadow),
2px 2px var(--shadow),
1.75px 1.75px var(--shadow),
1.5px 1.5px var(--shadow),
1.25px 1.25px var(--shadow),
1px 1px var(--shadow),
0.75px 0.75px var(--shadow),
0.5px 0.5px var(--shadow),
0.25px 0.25px var(--shadow);
}
#infoText{
font-family: "RobotoRegular";
font-size: 14px;
}
.link{
font-family: "RobotoBold";
font-size: 14px;
margin-right: 5px;
color: #334443;
text-decoration: none;
}
#linksiz{
font-family: "RobotoBold";
font-size: 14px;
margin-top: 8px;
color: #334443;
text-decoration: none;
}
.link:hover{
font-family: "RobotoBold";
font-size: 14px;
color: #334443;
text-shadow: 1px 1px #ee8a17;
text-decoration: none;
}
.oyunText{
font-family: "RobotoBold";
font-size: 20px;
color: #c6ffc1;
text-decoration: none;
margin-top: 10px;
text-shadow: 2px 2px #2e383a;
}
.oyunText:hover{
font-family: "RobotoBold";
font-size: 20px;
color: #c6ffc1;
margin-top: 10px;
text-shadow: 2px 2px #ee8a17;
text-decoration: none;
}
.boxA:hover{
text-decoration: none;
}
\ No newline at end of file
This diff is collapsed.
......@@ -10,6 +10,9 @@
<body>
<div class="container">
<div id="overlay" onclick="overlayOff()">
<div id="text">Bitti</div>
</div>
<div id="user1hole7" class="rectangle">hazine</div>
<div class="circle_container">
<div class="circle_wrap">
......
......@@ -125,6 +125,7 @@ function dagit(user,hole){
user2hole[k].value=0;
}
user1hole[6].value += tabladakiBoncuklar;
overlay();
}
//#####################3333
......@@ -198,6 +199,7 @@ function dagit(user,hole){
user1hole[k].value=0;
}
user2hole[6].value += tabladakiBoncuklar;
overlay();
}
}
......@@ -265,6 +267,22 @@ function robotEasy(){
}
function robotEasy(){
// player 1 i kontrol eden robot
let x = 0;
let holeID = Math.floor(Math.random() * 10) % 6 ;
while(user1hole[holeID] == 0 && x<100){
holeID = Math.floor(Math.random() * 10) % 6 ;
x+=1;
}
return holeID
}
var clicks = 0;
function counterUp() {
clicks += 1;
......@@ -288,4 +306,15 @@ function drop(ev) {
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
counterDown();
}
\ No newline at end of file
}
//overlay ac kapa
function overlay() {
document.getElementById("overlay").style.display = "block";
}
function overlayOff() {
document.getElementById("overlay").style.display = "none";
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment