Skip to content
Projeler
Gruplar
Parçacıklar
Yardım
Yükleniyor...
Oturum aç / Kaydol
Gezinmeyi değiştir
M
mangala-pardusacikhack
Proje
Proje
Ayrıntılar
Etkinlik
Cycle Analytics
Depo (repository)
Depo (repository)
Dosyalar
Kayıtlar (commit)
Dallar (branch)
Etiketler
Katkıda bulunanlar
Grafik
Karşılaştır
Grafikler
Konular (issue)
0
Konular (issue)
0
Liste
Pano
Etiketler
Kilometre Taşları
Birleştirme (merge) Talepleri
0
Birleştirme (merge) Talepleri
0
CI / CD
CI / CD
İş akışları (pipeline)
İşler
Zamanlamalar
Grafikler
Paketler
Paketler
Wiki
Wiki
Parçacıklar
Parçacıklar
Üyeler
Üyeler
Collapse sidebar
Close sidebar
Etkinlik
Grafik
Grafikler
Yeni bir konu (issue) oluştur
İşler
Kayıtlar (commit)
Konu (issue) Panoları
Kenar çubuğunu aç
Tuğba Fıçıcı
mangala-pardusacikhack
Commits
e9dcfbc2
Kaydet (Commit)
e9dcfbc2
authored
May 06, 2021
tarafından
Abdülkerim AKSAK
Dosyalara gözat
Seçenekler
Dosyalara Gözat
İndir
Eposta Yamaları
Sade Fark
Oyun ayarları için açılır pencere eklendi.
üst
89e8826f
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
107 additions
and
21 deletions
+107
-21
main.html
main.html
+57
-17
main.js
main.js
+32
-4
oyunAyarlari.html
pages/oyunAyarlari.html
+18
-0
No files found.
main.html
Dosyayı görüntüle @
e9dcfbc2
<!DOCTYPE html>
<html
lang=
"en"
>
<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>
</head>
<body>
<body>
<div
class=
"container"
>
<div
class=
"row"
id=
"infoTitle"
>
<div
class=
"col"
>
...
...
@@ -21,11 +20,23 @@
<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>
<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>
</div>
...
...
@@ -36,7 +47,12 @@
<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"
/>
<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>
...
...
@@ -46,7 +62,12 @@
<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"
/>
<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>
...
...
@@ -58,7 +79,12 @@
<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"
/>
<img
width=
"50"
height=
"50"
src=
"./assets/image/score.png"
alt=
"playFriends"
/>
</div>
<div
class=
"col text-center"
>
<p
class=
"oyunText"
>
Skor
</p>
...
...
@@ -68,7 +94,12 @@
<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"
/>
<img
width=
"80"
height=
"80"
src=
"./assets/image/onlineSoluk.png"
alt=
"playFriends"
/>
</div>
<div
class=
"col text-center"
>
<p
class=
"oyunText"
>
Multiplayer Oyna
</p>
...
...
@@ -78,7 +109,12 @@
<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"
/>
<img
width=
"50"
height=
"50"
src=
"./assets/image/contact.png"
alt=
"playFriends"
/>
</div>
<div
class=
"col text-center"
>
<p
class=
"oyunText"
>
Clutch
</p>
...
...
@@ -91,7 +127,12 @@
<script>
const
electron
=
require
(
"electron"
);
const
{
ipcRenderer
}
=
electron
;
const
{
ipcRenderer
}
=
electron
;
// backend ile iletişim
let
yeniPencere
=
document
.
querySelector
(
"#yeniPencere"
);
yeniPencere
.
addEventListener
(
"click"
,
()
=>
{
ipcRenderer
.
send
(
"key:newWindow"
,
true
);
});
let
sendBtn
=
document
.
querySelector
(
"#sendBtn"
);
sendBtn
.
addEventListener
(
"click"
,
()
=>
{
...
...
@@ -111,6 +152,5 @@
);
});
</script>
</body>
</body>
</html>
main.js
Dosyayı görüntüle @
e9dcfbc2
...
...
@@ -2,10 +2,11 @@ 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"
,
()
=>
{
...
...
@@ -22,6 +23,7 @@ app.on("ready", () => {
resizable
:
true
,
// *Ekran boyutu imleç ile değiştirilemez.
maximizable
:
false
,
// *Ekran maksimum hale getirilemez
backgroundColor
:
"#d5ecc2"
,
frame
:
false
,
});
mainWindow
.
loadURL
(
...
...
@@ -32,12 +34,38 @@ app.on("ready", () => {
})
);
mainWindow
.
on
(
"close"
,
()
=>
{
app
.
quit
();
});
ipcMain
.
on
(
"btnClick"
,
(
err
,
data
)
=>
{
console
.
log
(
data
);
});
ipcMain
.
on
(
"key:settingScreen"
,
()
=>
{
createW
İ
ndow
();
//createWİndow();
console
.
log
(
"key:settingScreen"
);
});
//Yeni pencere
ipcMain
.
on
(
"key:newWindow"
,
()
=>
{
addWindow
=
new
BrowserWindow
({
width
:
482
,
height
:
200
,
title
:
"Oyun Ayarları"
,
});
addWindow
.
loadURL
(
url
.
format
({
pathname
:
path
.
join
(
__dirname
,
"./pages/oyunAyarlari.html"
),
protocol
:
"file:"
,
slashes
:
true
,
})
);
});
//Pencereyi Kapat
ipcMain
.
on
(
"key:closeWindow"
,
()
=>
{
remote
.
getCurrentWindow
().
close
();
});
});
...
...
@@ -45,12 +73,12 @@ function createWİndow() {
addWindow
=
new
BrowserWindow
({
width
:
482
,
height
:
200
,
title
:
"Ayarlar
"
,
title
:
"Oda Ayarları
"
,
});
addWindow
.
loadURL
(
url
.
format
({
pathname
:
path
.
join
(
__dirname
,
"./pages/settings
.html"
),
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>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment