Kaydet (Commit) 60a52f9b authored tarafından Abdülkerim AKSAK's avatar Abdülkerim AKSAK

Server Heroku deploy edildi.

üst b94147bf
......@@ -26,7 +26,7 @@
src="./assets/image/rulesYellow.png"
alt="rules"
/>
<a href="./pages/nasilOynanir.html" class="link"
<a href="./pages/clientTemp.html" class="link"
><b>Nasıl Oynanır?</b></a
>
<a href="#" class="link" style="font-size: 20px">|</a>
......
......@@ -23,7 +23,6 @@ app.on("ready", () => {
resizable: true, // *Ekran boyutu imleç ile değiştirilemez.
maximizable: false, // *Ekran maksimum hale getirilemez
backgroundColor: "#d5ecc2",
});
mainWindow.loadURL(
......@@ -50,8 +49,8 @@ app.on("ready", () => {
//Yeni pencere
ipcMain.on("key:newWindow", () => {
addWindow = new BrowserWindow({
width:400,
height:300,
width: 400,
height: 300,
title: "Oyun Ayarları",
});
addWindow.loadURL(
......
......@@ -2,7 +2,7 @@
const io = require("socket.io-client");
//Connect
let game = io.connect("http://localhost:3030/game");
let game = io.connect("https://mangala-server.herokuapp.com/game");
const username = "Kerim";
......@@ -18,6 +18,7 @@ const odaOlusturBtn = document.getElementById("odaOlusturBtn");
odaOlusturBtn.onclick = () => {
let elemt = document.createElement("p");
//Server kısmında key adında oda olustur.
console.log("girdi");
game.emit("odaOlustur", randomKey);
game.on("odaBasariliSekildeOlusturuldu", (odaninKeyDegeri) => {
elemt.textContent = odaninKeyDegeri + " odası oluşturuldu.";
......
......@@ -13,7 +13,7 @@
div {
border-radius:10%;
height: 550px;
height: 580px;
width: 600px;
border-radius: 10%;
overflow: scroll;
......@@ -56,9 +56,11 @@ h1{
</style>
</head>
<body>
<div class="back"></div>
<div class="back">
</div>
<div class="front">
<h1>Oyun Kuralları</h1>
<h1>Oyun Kuralları</h1>
<h2>1. Kural</h2>
<p>Kura neticesinde başlama hakkı kazanan oyuncu kendi bölgesinde bulunan istediği kuyudan 4 adet taşı alır. Bir adet taşı aldığı kuyuya bırakıp saatin tersi yönünde, yani sağa doğru her bir kuyuya birer adet taş bırakarak elindeki taşlar bitene kadar dağıtır. Elindeki son taş hazinesine denk gelirse, oyuncu tekrar oynama hakkına sahip olur. Oyuncunun kuyusunda tek taş varsa, sırası geldiğinde bu taşı sağındaki kuyuya taşıyabilir. Hamle sırası rakibine geçer. Her seferinde oyuncunun elinde kalan son taş oyunun kaderini belirler.</p>
<h2>2. Kural</h2>
......
<!DOCTYPE html>
<html lang="en">
<head>
<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>
<head>
<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-fluid">
<div id="overlay" onclick="overlayOff()">
<div id="text">Bitti</div>
</div>
<body>
<div class="container-fluid">
<div id="overlay" onclick="overlayOff()">
<div id="text">Bitti</div>
</div>
<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 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>
</div>
<div class="clear"></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>
</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 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>
<dic class="clear"></dic>
<div class="hazine2" style="float: left;"><div id="user2hole7" class="rectangle"></div></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 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 class="row" style="margin: 0">
<div class="col-4 text-left" id="user2">
<div id="user2card">
<b>Oyuncu 2</b>
</div>
</div>
</div>
</body>
<!-- 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="robotGameArea.js"></script>
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