Skip to content

M
mangala-pardusacikhack
Kaydet (Commit) e9dcfbc2 authored tarafından Abdülkerim AKSAK's avatar Abdülkerim AKSAK
Dosyalara gözat
Seçenekler

Oyun ayarları için açılır pencere eklendi.

üst 89e8826f
Hide whitespace changes
Inline Side-by-side
Showing with 222 additions and 138 deletions
main.html
Dosyayı görüntüle @ e9dcfbc2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mangala | CLUTCH</title>
<link rel="stylesheet" href="assets/main.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" />
<title>Mangala | CLUTCH</title>
<link rel="stylesheet" href="assets/main.css" />
<link rel="stylesheet" href="assets/bootstrap.min.css" />
</head>
<body>
<div class="container">
<div class="row" id="infoTitle">
<div class="col">
<div class="row">
<p id="mangalaTitle">MANGALA</p>
</div>
<div class="row" id="infoText">
<div class="col">
<p id="linksiz"><b>Türk Zeka ve Strateji Oyunu</b></p>
</div>
<div class="col text-right">
<img width="35" height="35" src="./assets/image/rulesYellow.png" alt="rules" />
<a href="./pages/nasilOynanir.html" class="link"><b>Nasıl Oynanır?</b></a>
<a href="#" class="link" style="font-size: 20px;">|</a>
<img width="35" height="35" src="./assets/image/settings.png" alt="rules">
<a href="#" class="link"><b>Ayarlar</b></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col" style="margin-right: 10px">
<a href="pages/robotGameArea.html" class="boxA">
<div class="row oyun" style="align-items: center">
<div class="col text-center">
<img width="100" height="80" src="./assets/image/robot.png" alt="robot" />
</div>
<div class="col text-center">
<p class="oyunText">Robota Karşı Oyna</p>
</div>
<body>
<div class="container">
<div class="row" id="infoTitle">
<div class="col">
<div class="row">
<p id="mangalaTitle">MANGALA</p>
</div>
</a>
<a href="pages/gameArea.html" class="boxA">
<div class="row oyun" style="align-items: center">
<div class="col text-center">
<img width="100" height="100" src="./assets/image/playFriendskirp.png" alt="playFriends" />
<div class="row" id="infoText">
<div class="col">
<p id="linksiz"><b>Türk Zeka ve Strateji Oyunu</b></p>
</div>
<div class="col text-center">
<p class="oyunText">Arkadaşına Karşı Oyna</p>
<div class="col text-right">
<img
width="35"
height="35"
src="./assets/image/rulesYellow.png"
alt="rules"
/>
<a href="./pages/nasilOynanir.html" class="link"
><b>Nasıl Oynanır?</b></a
>
<a href="#" class="link" style="font-size: 20px">|</a>
<img
width="35"
height="35"
src="./assets/image/settings.png"
alt="rules"
/>
<a href="#" class="link" id="yeniPencere"><b>Ayarlar</b></a>
</div>
</div>
</a>
</div>
</div>
<div class="col" style="margin-left: 10px">
<a href="" class="boxA">
<div class="row skor" style="align-items: center">
<div class="col text-center">
<img width="50" height="50" src="./assets/image/score.png" alt="playFriends" />
</div>
<div class="col text-center">
<p class="oyunText">Skor</p>
<div class="row">
<div class="col" style="margin-right: 10px">
<a href="pages/robotGameArea.html" class="boxA">
<div class="row oyun" style="align-items: center">
<div class="col text-center">
<img
width="100"
height="80"
src="./assets/image/robot.png"
alt="robot"
/>
</div>
<div class="col text-center">
<p class="oyunText">Robota Karşı Oyna</p>
</div>
</div>
</div>
</a>
<a href="" class="boxA">
<div class="row oyun" style="align-items: center">
<div class="col text-center">
<img width="80" height="80" src="./assets/image/onlineSoluk.png" alt="playFriends" />
</a>
<a href="pages/gameArea.html" class="boxA">
<div class="row oyun" style="align-items: center">
<div class="col text-center">
<img
width="100"
height="100"
src="./assets/image/playFriendskirp.png"
alt="playFriends"
/>
</div>
<div class="col text-center">
<p class="oyunText">Arkadaşına Karşı Oyna</p>
</div>
</div>
<div class="col text-center">
<p class="oyunText">Multiplayer Oyna</p>
</a>
</div>
<div class="col" style="margin-left: 10px">
<a href="" class="boxA">
<div class="row skor" style="align-items: center">
<div class="col text-center">
<img
width="50"
height="50"
src="./assets/image/score.png"
alt="playFriends"
/>
</div>
<div class="col text-center">
<p class="oyunText">Skor</p>
</div>
</div>
</div>
</a>
<a href="" class="boxA">
<div class="row skor" style="align-items: center">
<div class="col text-center">
<img width="50" height="50" src="./assets/image/contact.png" alt="playFriends" />
</a>
<a href="" class="boxA">
<div class="row oyun" style="align-items: center">
<div class="col text-center">
<img
width="80"
height="80"
src="./assets/image/onlineSoluk.png"
alt="playFriends"
/>
</div>
<div class="col text-center">
<p class="oyunText">Multiplayer Oyna</p>
</div>
</div>
<div class="col text-center">
<p class="oyunText">Clutch</p>
</a>
<a href="" class="boxA">
<div class="row skor" style="align-items: center">
<div class="col text-center">
<img
width="50"
height="50"
src="./assets/image/contact.png"
alt="playFriends"
/>
</div>
<div class="col text-center">
<p class="oyunText">Clutch</p>
</div>
</div>
</div>
</a>
</a>
</div>
</div>
</div>
</div>
<script>
const electron = require("electron");
const { ipcRenderer } = electron;
<script>
const electron = require("electron");
const { ipcRenderer } = electron; // backend ile iletişim
let sendBtn = document.querySelector("#sendBtn");
sendBtn.addEventListener("click", () => {
ipcRenderer.send("btnClick", "Oyna tuşuna basıldı!");
});
let yeniPencere = document.querySelector("#yeniPencere");
yeniPencere.addEventListener("click", () => {
ipcRenderer.send("key:newWindow", true);
});
let btnSettings = document.querySelector("#btnSettings");
btnSettings.addEventListener("click", () => {
ipcRenderer.send("key:settingScreen");
});
let sendBtn = document.querySelector("#sendBtn");
sendBtn.addEventListener("click", () => {
ipcRenderer.send("btnClick", "Oyna tuşuna basıldı!");
});
let btnExit = document.querySelector("#btnExit");
btnExit.addEventListener("click", () => {
ipcRenderer.send(
"key:exitScreen",
"file://" + __dirname + "/pages/settings.html"
);
});
</script>
</body>
let btnSettings = document.querySelector("#btnSettings");
btnSettings.addEventListener("click", () => {
ipcRenderer.send("key:settingScreen");
});
</html>
\ No newline at end of file
let btnExit = document.querySelector("#btnExit");
btnExit.addEventListener("click", () => {
ipcRenderer.send(
"key:exitScreen",
"file://" + __dirname + "/pages/settings.html"
);
});
</script>
</body>
</html>
main.js
Dosyayı görüntüle @ e9dcfbc2
......@@ -2,57 +2,85 @@ const electron = require("electron");
const url = require("url"); // *Hangi HTML sayfasını kullancağımızı belirler.
const path = require("path");
const { protocol } = require("electron");
const remote = electron.remote;
const { app, BrowserWindow, ipcMain } = electron;
let mainWindow;
let mainWindow, addWindow;
// *Uygulama hazır olduğunda ilk çalışan fonksiyon.
app.on("ready", () => {
console.log("Uygulama çalıştı.");
mainWindow = new BrowserWindow({
webPreferences: {
//* Frontend kısmında "Electron require() is not defined" hata çözümü.
nodeIntegration: true,
contextIsolation: false,
},
width: 1000,
height: 600,
resizable: true, // *Ekran boyutu imleç ile değiştirilemez.
maximizable: false, // *Ekran maksimum hale getirilemez
backgroundColor: "#d5ecc2",
});
console.log("Uygulama çalıştı.");
mainWindow.loadURL(
url.format({
pathname: path.join(__dirname, "main.html"),
protocol: "file:",
slashes: true,
})
);
mainWindow = new BrowserWindow({
webPreferences: {
//* Frontend kısmında "Electron require() is not defined" hata çözümü.
nodeIntegration: true,
contextIsolation: false,
},
width: 1000,
height: 600,
resizable: true, // *Ekran boyutu imleç ile değiştirilemez.
maximizable: false, // *Ekran maksimum hale getirilemez
backgroundColor: "#d5ecc2",
frame: false,
});
ipcMain.on("btnClick", (err, data) => {
console.log(data);
});
mainWindow.loadURL(
url.format({
pathname: path.join(__dirname, "main.html"),
protocol: "file:",
slashes: true,
})
);
ipcMain.on("key:settingScreen", () => {
createWİndow();
});
});
mainWindow.on("close", () => {
app.quit();
});
function createWİndow() {
ipcMain.on("btnClick", (err, data) => {
console.log(data);
});
ipcMain.on("key:settingScreen", () => {
//createWİndow();
console.log("key:settingScreen");
});
//Yeni pencere
ipcMain.on("key:newWindow", () => {
addWindow = new BrowserWindow({
width: 482,
height: 200,
title: "Ayarlar",
width: 482,
height: 200,
title: "Oyun Ayarları",
});
addWindow.loadURL(
url.format({
pathname: path.join(__dirname, "./pages/settings.html"),
protocol: "file:",
slashes: true,
})
url.format({
pathname: path.join(__dirname, "./pages/oyunAyarlari.html"),
protocol: "file:",
slashes: true,
})
);
}
\ No newline at end of file
});
//Pencereyi Kapat
ipcMain.on("key:closeWindow", () => {
remote.getCurrentWindow().close();
});
});
function createWİndow() {
addWindow = new BrowserWindow({
width: 482,
height: 200,
title: "Oda Ayarları",
});
addWindow.loadURL(
url.format({
pathname: path.join(__dirname, "./pages/odaAyarlari.html"),
protocol: "file:",
slashes: true,
})
);
}
pages/oyunAyarlari.html 0 → 100644
Dosyayı görüntüle @ e9dcfbc2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div style="display: flex; justify-content: center; align-items: center">
<h1>OYUN AYARLARI</h1>
</div>
</body>
<script>
const electron = require("electron");
const { ipcRenderer } = electron; // backend ile iletişim
let pencereKapat = document.querySelector("#closeWindow");
</script>
</html>
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