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
a81b6d05
Kaydet (Commit)
a81b6d05
authored
May 07, 2021
tarafından
Abdülkerim AKSAK
Dosyalara gözat
Seçenekler
Dosyalara Gözat
İndir
Eposta Yamaları
Sade Fark
nasilOynanir.html ile settings.html görsel düzenleme.
üst
26001952
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
135 additions
and
56 deletions
+135
-56
main.html
main.html
+1
-1
main.js
main.js
+4
-1
nasilOynanir.html
pages/nasilOynanir.html
+29
-6
settings.html
pages/settings.html
+101
-48
No files found.
main.html
Dosyayı görüntüle @
a81b6d05
...
...
@@ -26,7 +26,7 @@
src=
"./assets/image/rulesYellow.png"
alt=
"rules"
/>
<a
href=
"./pages/
clientTemp
.html"
class=
"link"
<a
href=
"./pages/
nasilOynanir
.html"
class=
"link"
><b>
Nasıl Oynanır?
</b></a
>
<a
href=
"#"
class=
"link"
style=
"font-size: 20px"
>
|
</a>
...
...
main.js
Dosyayı görüntüle @
a81b6d05
...
...
@@ -56,8 +56,11 @@ app.on("ready", () => {
enableRemoteModule
:
true
,
},
width
:
430
,
height
:
3
7
0
,
height
:
3
0
0
,
title
:
"Oyun Ayarları"
,
frame
:
false
,
resizable
:
false
,
// *Ekran boyutu imleç ile değiştirilemez.
maximizable
:
true
,
// *Ekran maksimum hale getirilemez
});
addWindow
.
loadURL
(
...
...
pages/nasilOynanir.html
Dosyayı görüntüle @
a81b6d05
...
...
@@ -67,13 +67,13 @@
}
p
{
font-size
:
19px
;
padding-bottom
:
20px
;
padding-left
:
20px
;
padding-right
:
20px
;
}
h2
{
padding-left
:
20px
;
padding-right
:
20px
;
}
...
...
@@ -92,6 +92,15 @@
text-align
:
center
;
}
hr
.style-five
{
border
:
0
;
height
:
0
;
/* Firefox... */
box-shadow
:
0
0
10px
1px
black
;
}
hr
.style-five
:after
{
/* Not really supposed to work, but does */
content
:
"\00a0"
;
/* Prevent margin collapse */
}
</style>
</head>
...
...
@@ -110,26 +119,40 @@
<h2>
1. Kural
</h2>
<p>
Kura neticesinde başlama hakkı kazan
an oyuncu kendi bölgesinde bulunan istediği kuyudan 4 adet taşı alır. Bir
<p>
Başlama hakkı ol
an 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>
<hr
style=
"border-top: 1px dashed #8c8b8b; margin-left: 25px; margin-right: 25px;"
>
<h2>
2. Kural
</h2>
<p>
Hamle sırası gelen oyuncu kendi kuyusundan aldığı taşları dağıtırken elinde taş kaldıysa, rakibinin bölgesindeki
kuyulara da taş bırakmaya devam eder. Oyuncunun elindeki son taş, rakibinin bölgesinde denk geldiği kuyudaki
taşların
sayısını çift sayı yaparsa
(2, 4, 6, 8 gibi) oyuncu bu kuyuda yer alan tüm taşların sahibi olur ve onları
taşların
<b><i>
sayısını çift sayı yaparsa
</i>
</b>
(2, 4, 6, 8 gibi) oyuncu bu kuyuda yer alan tüm taşların sahibi olur ve onları
kendi hazinesine koyar. Hamle sırası rakibine geçer.
</p>
<hr
style=
"border-top: 1px dashed #8c8b8b; margin-left: 25px; margin-right: 25px;"
>
<h2>
3. Kural
</h2>
<p>
Oyuncu taşları dağıtırken elinde kalan son taş, yine kendi bölgesinde yer alan boş bir kuyuya denk gelirse ve
eğer boş kuyusunun karşısındaki kuyuda da rakibine ait taş varsa,
hem rakibinin kuyusundaki taşları alır, hem de
<b><i>
eğer boş kuyusunun karşısındaki kuyuda da rakibine ait taş varsa,
</i></b>
hem rakibinin kuyusundaki taşları alır, hem de
kendi boş kuyusuna bıraktığı taşı alıp hazinesine koyar. Hamle sırası rakibine geçer.
</p>
<hr
style=
"border-top: 1px dashed #8c8b8b; margin-left: 25px; margin-right: 25px;"
>
<h2>
4. Kural
</h2>
<p>
Oyunculardan herhangi birinin bölgesinde yer alan taşlar bittiğinde oyun seti biter. Oyunda kendi bölgesinde
taşları ilk biten oyuncu, rakibinin bölgesinde bulunan tüm taşları da kazanır. Dolayısıyla, oyunun dinamiği son
ana kadar hiç düşmez.
Mangala Oyunu 5 set olarak oynanır.
Oyunu kazanan oyuncu (1) puan, kaybeden (0) puan ve berabere bitiren oyuncular yarım (0,5) puan alır.
<p>
<hr
class=
"style-five"
>
<div>
<h1>
Oyun Ayarları
</h1>
</div>
<h2>
Kullanıcı Adı
</h2>
<p>
Oyun başlangıç ile beraber kullanıcıya varsayılan isimlerden birini atamaktadır. Ana sayfadan
<i>
"Ayarlar"
</i>
kısmına girerek
oyun boyunca kullanacağınız ismi belirleyebilirsiniz.
</p>
<hr
style=
"border-top: 1px dashed #8c8b8b; margin-left: 25px; margin-right: 25px;"
>
<h2>
Zorluk Seviyesi
</h2>
<p><i>
Bilgisayara karşı oyna
</i>
modu için geliştirilen Cengaver'in zorluk seviyesini belirlemenizi sağlar. Varsayılan olarak
<i>
orta zorluk modu
</i>
ayarlıdır.
<p>
</div>
</body>
...
...
pages/settings.html
Dosyayı görüntüle @
a81b6d05
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"UTF-8"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<head>
<meta
charset=
"UTF-8"
/>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
/>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
/>
<link
rel=
"stylesheet"
href=
"../assets/bootstrap.min.css"
/>
<style>
@font-face
{
font-family
:
"Itim"
;
src
:
url(
'../assets/fonts/Itim-Regular.ttf'
)
format
(
"truetype"
);
src
:
url(
"../assets/fonts/Itim-Regular.ttf"
)
format
(
"truetype"
);
}
body
{
width
:
400px
;
height
:
300px
;
background-color
:
#334443
;
background-image
:
linear-gradient
(
to
bottom
,
#416e75
,
#529290
,
#6db7a6
,
#94dbb5
,
#c6ffc1
);
font-family
:
"Itim"
;
}
:root
{
--backgroundColor
:
rgba
(
246
,
241
,
209
);
--colorShadeA
:
rgb
(
88
,
112
,
85
);
--colorShadeB
:
rgb
(
88
,
112
,
85
);
--colorShadeC
:
rgb
(
187
,
240
,
182
,
94
);
--colorShadeD
:
rgb
(
197
,
252
,
192
,
99
);
--colorShadeE
:
rgb
(
198
,
255
,
193
,
100
);
--colorShadeC
:
rgb
(
187
,
240
,
182
,
94
);
--colorShadeD
:
rgb
(
197
,
252
,
192
,
99
);
--colorShadeE
:
rgb
(
198
,
255
,
193
,
100
);
}
@import
url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700")
;
*
{
box-sizing
:
border-box
;
}
*
::before
,
*
::after
{
*
::before
,
*
::after
{
box-sizing
:
border-box
;
}
...
...
@@ -45,7 +51,7 @@
vertical-align
:
middle
;
text-decoration
:
none
;
font-size
:
11px
;
color
:
var
(
--colorShadeA
);
color
:
var
(
--colorShadeA
);
font-weight
:
700
;
text-transform
:
uppercase
;
font-family
:
inherit
;
...
...
@@ -62,7 +68,7 @@
}
button
.big-button
::before
{
position
:
absolute
;
content
:
''
;
content
:
""
;
width
:
100%
;
height
:
100%
;
top
:
0
;
...
...
@@ -71,12 +77,14 @@
bottom
:
0
;
background
:
var
(
--colorShadeC
);
border-radius
:
inherit
;
box-shadow
:
0
0
0
2px
var
(
--colorShadeB
),
0
0.75em
0
0
var
(
--colorShadeA
);
box-shadow
:
0
0
0
2px
var
(
--colorShadeB
),
0
0.75em
0
0
var
(
--colorShadeA
);
transform
:
translate3d
(
0
,
0.75em
,
-1em
);
transition
:
all
175ms
cubic-bezier
(
0
,
0
,
1
,
1
);
-webkit-box-shadow
:
0px
0px
15px
5px
#000000
;
box-shadow
:
0px
0px
15px
5px
#000000
;
}
button
.big-button
:hover
{
background
:
var
(
--colorShadeD
);
transform
:
translate
(
0
,
0.375em
);
...
...
@@ -93,70 +101,115 @@
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
);
box-shadow
:
0
0
0
2px
var
(
--colorShadeB
),
0
0.25em
0
0
var
(
--colorShadeB
);
}
.custom-control-input
:checked
~
.custom-control-label
::before
{
.custom-control-input
:checked
~
.custom-control-label
::before
{
color
:
#fff
;
border-color
:
#7B1FA2
;
}
border-color
:
#7b1fa2
;
}
.custom-control-input
:checked
~
.custom-control-label.yellow
::before
{
.custom-control-input
:checked
~
.custom-control-label.yellow
::before
{
background-color
:
#ffe268
;
}
}
</style>
</head>
</head>
<body>
<body>
<div
class=
"container"
>
<div
class=
"col"
>
<div
class=
"row"
>
<div
class=
"col text-center"
style=
"margin-top: 30px; color:#ffe268; text-shadow: 1.5px 1.5px #a87414;"
><h4>
AYARLAR
</h4></div>
<div
class=
"col text-center"
style=
"
margin-top: 30px;
color: #ffe268;
text-shadow: 1.5px 1.5px #a87414;
"
>
<h4>
AYARLAR
</h4>
</div>
</div>
<div
class=
"row"
style=
"margin-top:10px;margin-bottom:10px;font-size: 16px;"
>
<div
class=
"row"
style=
"margin-top: 10px; margin-bottom: 10px; font-size: 16px"
>
<div
class=
"col-5 align-self-center"
>
Kullanıcı Adı:
</div>
<div
class=
"col-7"
><input
class=
"form-control"
type=
"text"
placeholder=
"Kullanıcı Adı"
></div>
<div
class=
"col-7"
>
<input
class=
"form-control"
type=
"text"
placeholder=
"Kullanıcı Adı"
/>
</div>
</div>
<div
class=
"row"
style=
"margin-top:10px;margin-bottom:10px;font-size: 16px;"
>
<div
class=
"row"
style=
"margin-top: 10px; margin-bottom: 10px; font-size: 16px"
>
<div
class=
"col-5"
>
Zorluk Seviyesi:
</div>
<div
class=
"col-7"
>
<div
class=
"custom-control custom-radio custom-control-inline"
>
<input
type=
"radio"
id=
"customRadioInline1"
name=
"customRadioInline1"
class=
"custom-control-input"
checked
>
<label
class=
"custom-control-label yellow"
for=
"customRadioInline1"
>
Kolay
</label>
</div><br>
<div
class=
"custom-control custom-radio custom-control-inline"
>
<input
type=
"radio"
id=
"customRadioInline2"
name=
"customRadioInline1"
class=
"custom-control-input"
>
<label
class=
"custom-control-label yellow"
for=
"customRadioInline2"
>
Orta
</label>
</div><br>
<input
type=
"radio"
id=
"customRadioInline1"
name=
"customRadioInline1"
class=
"custom-control-input"
checked
/>
<label
class=
"custom-control-label yellow"
for=
"customRadioInline1"
>
Kolay
</label
>
</div>
<br
/>
<div
class=
"custom-control custom-radio custom-control-inline"
>
<input
type=
"radio"
id=
"customRadioInline3"
name=
"customRadioInline1"
class=
"custom-control-input"
>
<label
class=
"custom-control-label yellow"
for=
"customRadioInline3"
>
Zor
</label>
<input
type=
"radio"
id=
"customRadioInline2"
name=
"customRadioInline1"
class=
"custom-control-input"
/>
<label
class=
"custom-control-label yellow"
for=
"customRadioInline2"
>
Orta
</label
>
</div>
<br
/>
<div
class=
"custom-control custom-radio custom-control-inline"
>
<input
type=
"radio"
id=
"customRadioInline3"
name=
"customRadioInline1"
class=
"custom-control-input"
/>
<label
class=
"custom-control-label yellow"
for=
"customRadioInline3"
>
Zor
</label
>
</div>
</div>
<div
class=
"row"
style=
"margin-top: 10px;"
>
<div
class=
"col-5"
>
</div>
<div
class=
"row"
style=
"margin-top: 10px"
>
<div
class=
"col-5"
></div>
<div
class=
"col-7"
>
<!--<a href="#" class="btn">Oyuna Dön</a>-->
<button
class=
"big-button"
id=
"save"
type=
"button"
>
Kaydet
</button>
</div>
</div>
</div>
</div>
</body>
<script>
</body>
<script>
const
remote
=
require
(
"electron"
).
remote
;
document
.
getElementById
(
"save"
).
addEventListener
(
"click"
,
function
(
e
)
{
var
window
=
remote
.
getCurrentWindow
();
window
.
close
();
});
</script>
</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