-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
161 lines (150 loc) · 7.17 KB
/
Copy pathindex.html
File metadata and controls
161 lines (150 loc) · 7.17 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>Yılan Oyunu</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="game-container">
<div id="ui-top">
<div id="score-container">Skor: <span id="score">0</span></div>
<div id="coin-container">Coin: <span id="coins">0</span></div>
<div id="lives-container">Can: <span id="lives">5</span></div>
<div id="highscore-container">En Yüksek: <span id="highscore">0</span></div>
</div>
<canvas id="gameCanvas"></canvas>
<div id="ui-bottom">
<div id="mission-container">
<p id="mission-text">Görev: Yükleniyor...</p>
<div class="progress-bar-container">
<div id="mission-progress" class="progress-bar"></div>
</div>
</div>
<div id="powerup-container">
<!-- Aktif güçlendirmeler burada görünecek -->
</div>
</div>
<div id="start-screen" class="modal-overlay active">
<div class="modal-content">
<h1>Yılan Oyunu</h1>
<p>Yılanı hareket ettirmek için ekranı kaydırın veya yön tuşlarını kullanın.</p>
<button id="start-game-btn">Oyunu Başlat</button>
<button id="levels-btn">Bölümler</button>
<button id="shop-btn-main">Mağaza</button>
<button id="settings-btn">Ayarlar</button>
<button id="classic-challenges-btn">Klasik Görevler</button>
</div>
</div>
<div id="level-selection-screen" class="modal-overlay">
<div class="modal-content">
<h2>Bölümler</h2>
<div id="level-list-container" class="level-list-grid">
<!-- Bölümler buraya dinamik olarak eklenecek -->
</div>
<button id="close-levels-btn">Geri</button>
</div>
</div>
<div id="settings-screen" class="modal-overlay">
<div class="modal-content">
<h2>Ayarlar</h2>
<div class="settings-container">
<div class="setting-item">
<label for="snake-size">Yılan Boyutu</label>
<select id="snake-size">
<option value="small">Küçük</option>
<option value="medium" selected>Orta</option>
<option value="large">Büyük</option>
</select>
</div>
<div class="setting-item">
<label for="classic-opponent">Klasik Modda Rakip</label>
<label class="switch">
<input type="checkbox" id="classic-opponent">
<span class="slider round"></span>
</label>
</div>
<hr>
<h3>Ses Ayarları</h3>
<div class="setting-item">
<label for="master-volume">Ana Ses</label>
<input type="range" id="master-volume" min="-40" max="0" value="-10">
</div>
<div class="setting-item">
<label for="ui-volume">Arayüz Sesleri</label>
<input type="range" id="ui-volume" min="-40" max="0" value="-10">
</div>
<div class="setting-item">
<label for="effects-volume">Oyun Efektleri</label>
<input type="range" id="effects-volume" min="-40" max="0" value="-10">
</div>
</div>
<button id="close-settings-btn">Kapat</button>
</div>
</div>
<div id="game-over-screen" class="modal-overlay">
<div class="modal-content">
<h2>Oyun Bitti!</h2>
<p>Skorun: <span id="final-score">0</span></p>
<p>Kazandığın Coin: <span id="earned-coins">0</span></p>
<p id="level-progress-text"></p>
<button id="restart-game-btn">Yeniden Oyna</button>
<button id="rewarded-ad-btn">Devam Et (Reklam İzle)</button>
<button id="shop-btn-gameover">Mağaza</button>
<button id="share-score-btn">Skoru Paylaş</button>
<button id="settings-btn-gameover">Ayarlar</button>
</div>
</div>
<div id="level-complete-screen" class="modal-overlay">
<div class="modal-content">
<h2>Bölüm Tamamlandı! <span class="trophy-icon">🏆</span></h2>
<p>Tebrikler! Sonraki bölüme geçmeye hazır mısın?</p>
<button id="next-level-btn">Sonraki Bölüm</button>
<button id="back-to-levels-btn">Bölüm Seçimine Dön</button>
</div>
</div>
<div id="ad-prompt-screen" class="modal-overlay">
<div class="modal-content">
<h2>Bonus Fırsatı!</h2>
<p>50 ekstra coin kazanmak için kısa bir reklam izlemek ister misin?</p>
<button id="watch-ad-for-coins-btn">Evet, İzle!</button>
<button id="skip-ad-btn">Hayır, Teşekkürler</button>
</div>
</div>
<div id="shop-screen" class="modal-overlay">
<div class="modal-content">
<div class="shop-header">
<h2>Mağaza</h2>
<span id="shop-coin-balance">Coin: 0</span>
<button id="close-shop-btn">Kapat</button>
</div>
<div class="shop-tabs">
<button class="tab-link active" data-tab="tab-renk">Renk</button>
<button class="tab-link" data-tab="tab-hayvan">Hayvan</button>
<button class="tab-link" data-tab="tab-yem">Yem</button>
<button class="tab-link" data-tab="tab-arkaplan">Arka Plan</button>
<button class="tab-link" data-tab="tab-ozelyem">Özel Yem</button>
</div>
<div id="tab-renk" class="tab-content active"></div>
<div id="tab-hayvan" class="tab-content"></div>
<div id="tab-yem" class="tab-content"></div>
<div id="tab-arkaplan" class="tab-content"></div>
<div id="tab-ozelyem" class="tab-content"></div>
</div>
</div>
<div id="classic-challenges-screen" class="modal-overlay">
<div class="modal-content">
<h2>Klasik Görevler</h2>
<div id="classic-challenges-list">
<!-- Klasik görevler buraya dinamik olarak eklenecek -->
</div>
<button id="close-classic-challenges-btn">Kapat</button>
</div>
</div>
</div>
<div id="toast-container"></div>
<script src="https://unpkg.com/tone@14.7.58/build/Tone.js"></script>
<script src="script.js"></script>
</body>
</html>