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

Robot oyun alanı güncellendi.

üst 3bc6402e
<!DOCTYPE html>
<html lang="en">
......@@ -5,102 +6,140 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="../assets/gameArea.css" />
<link rel="stylesheet" href="../assets/bootstrap.min.css" />
</head>
<body>
<div class="container">
<div class="container-fluid">
<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">
<div class="cirlce" onclick="tikla(this.id)" id="user1hole6">
<span class="dot_black" id="drag1" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag2" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag3" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag4" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user1hole5">
<span class="dot_black" id="drag5" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag6" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag7" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag8" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user1hole4">
<span class="dot_black" id="drag1" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag2" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag3" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag4" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user1hole3">
<span class="dot_black" id="drag5" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag6" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag7" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag8" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user1hole2">
<span class="dot_black" id="drag1" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag2" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag3" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag4" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user1hole1">
<span class="dot_black" id="drag5" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag6" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag7" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag8" draggable="true" ondragstart="drag(event)"></span>
</div>
</div>
<div class="circle_wrap">
<div class="cirlce" onclick="tikla(this.id)" id="user2hole1">
<span class="dot_black" id="drag1" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag2" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag3" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag4" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user2hole2">
<span class="dot_black" id="drag5" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag6" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag7" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag8" draggable="true" ondragstart="drag(event)"></span>
<div class="row" style="margin: 0;">
<div class="col-4"><div class="geriButonu"><a href="turnBackMain.html"><img width="60" height="60" src="../assets/image/geri.png" alt="geri"></a></div></div>
<div class="col-4"><div class="bos"><button class="btn-primary" onclick="overlay()">overlay</button></div></div>
<div class="col-4 text-right" id="user1">
<div id="user2card">
<b>Oyuncu 2</b>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user2hole3">
<span class="dot_black" id="drag1" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag2" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag3" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag4" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user2hole4">
<span class="dot_black" id="drag5" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag6" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag7" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag8" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user2hole5">
<span class="dot_black" id="drag1" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag2" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag3" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag4" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user2hole6">
<span class="dot_black" id="drag5" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag6" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag7" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag8" draggable="true" ondragstart="drag(event)"></span>
</div>
</div>
<div class="clear"></div>
<div class="row" id="tahta">
<div class="col" style="align-items: center;">
<div id="tahtaCerceve">
<div id="tahtaGorunum">
<div class="a">
<div class="hazine1" style="float: left;"><div id="user1hole7" class="rectangle"></div></div>
<div class="boncuklar" style="float: left;">
<div class="boncuklar1">
<div class="cirlce" onclick="tikla(this.id)" id="user1hole6">
<span class="dot_black" id="drag1" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag2" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag3" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag4" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user1hole5">
<span class="dot_black" id="drag5" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag6" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag7" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag8" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user1hole4">
<span class="dot_black" id="drag1" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag2" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag3" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag4" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user1hole3">
<span class="dot_black" id="drag5" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag6" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag7" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag8" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user1hole2">
<span class="dot_black" id="drag1" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag2" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag3" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag4" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user1hole1">
<span class="dot_black" id="drag5" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag6" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag7" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag8" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="clear"></div>
</div>
<div class="boncuklar2"><div class="cirlce" onclick="tikla(this.id)" id="user2hole1">
<span class="dot_black" id="drag1" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag2" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag3" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag4" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user2hole2">
<span class="dot_black" id="drag5" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag6" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag7" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag8" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user2hole3">
<span class="dot_black" id="drag1" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag2" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag3" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag4" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user2hole4">
<span class="dot_black" id="drag5" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag6" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag7" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag8" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user2hole5">
<span class="dot_black" id="drag1" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag2" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag3" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag4" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="cirlce" onclick="tikla(this.id)" id="user2hole6">
<span class="dot_black" id="drag5" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag6" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag7" draggable="true" ondragstart="drag(event)"></span>
<span class="dot_black" id="drag8" draggable="true" ondragstart="drag(event)"></span>
</div>
<div class="clear"></div>
</div>
</div>
<dic class="clear"></dic>
<div class="hazine2" style="float: left;"><div id="user2hole7" class="rectangle"></div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="user2hole7" class="rectangle">hazine</div>
<div class="row" style="margin: 0;">
<div class="col-4 text-left" id="user2">
<div id="user2card">
<b>Oyuncu 2</b>
</div>
</div>
<!-- toast js fonksiyonu eklenecek-->
<div class="col-4 text-center "><div class="toast">Muaz odaya katıldı</div></div>
<div class="col-4 text-right"><div class="oda">Oda Numarası:Bjkcz</div></div>
</div>
</div>
</body>
</html>
<script src="robotGameArea.js"></script>
\ No newline at end of file
<script src="gameArea.js"></script>
\ No newline at end of file
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