This repository has been archived by the owner on Aug 16, 2022. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
game.html
362 lines (335 loc) · 19 KB
/
game.html
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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="fa-IR" dir="rtl">
<head>
<meta charset="UTF-8" />
<title>بازی با کلمات</title>
<link rel="stylesheet" href="assets/css/layout.css" />
<link rel="stylesheet" href="assets/lib/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/lib/bootstrap/css/bootstrap-grid.min.css" />
<link rel="stylesheet" href="assets/lib/font-awesome/css/all.css" />
<link rel="shortcut icon" href="assets/images/favicon.png" type="image/png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="geo.region" content="IR" />
<meta name="googlebot" content="noindex, nofollow" />
<meta name="robots" content="noindex, nofollow" />
<meta name="author" content="amirsh.nll@gmail.com">
<meta property="og:locale" content="fa-IR" />
<meta property="og:site_name" content="بازی با کلمات" />
<meta property="og:title" content="بازی با کلمات" />
<meta property="og:type" content="Online Game" />
<meta property="og:image" content="assets/images/favicon.png" />
<meta property="og:description" content="این بازی که تحت عنوان بازی با کلمات نامگذاری شده است در واقع یک نسخه ی پازلی کلمات برای بازی tetris می باشد" />
<meta name="description" content="این بازی که تحت عنوان بازی با کلمات نامگذاری شده است در واقع یک نسخه ی پازلی کلمات برای بازی tetris می باشد" />
<meta name="keywords" content="tetris,game,puzzle,tetris game,puzzle game,بازی,بازی آنلاین,کلمات,بازی با کلمات,پازل,بازی آنلاین پازل" />
</head>
<body id="body">
<div id="watermark" class="watermark-stop">
<noscript>مرورگر شما از جاوااسکریپت پشتیبانی نمی کند</noscript>
<!-- Page Header -->
<header class="home-header">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="logo float-right text-light samim-font col-md-5">
<div class="logo-container">
<div class="float-right">
<img src="assets/images/logo.png" class="img-fluid" width="70" height="70" alt="بازی با کلمات" title="بازی با کلمات" />
</div>
<div class="float-right site-name text-right">
<p>بازی با کلمات</p>
<p>Tetris Game</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="fanavard float-left col-md-2"></div>
<div class="clearfix"></div>
</div>
</div>
</div>
</header>
<!-- GamePlay Box -->
<h2 class="d-none">صفحه بازی</h2>
<section class="home-game" dir="ltr">
<div class="container">
<div class="row">
<div class="col-md-4 game-box-left">
<table id="game-board" class="game-board samim-font">
<tr>
<td id="col-1-1"></td>
<td id="col-1-2"></td>
<td id="col-1-3"></td>
<td id="col-1-4"></td>
<td id="col-1-5"></td>
<td id="col-1-6"></td>
</tr>
<tr>
<td id="col-2-1"></td>
<td id="col-2-2"></td>
<td id="col-2-3"></td>
<td id="col-2-4"></td>
<td id="col-2-5"></td>
<td id="col-2-6"></td>
</tr>
<tr>
<td id="col-3-1"></td>
<td id="col-3-2"></td>
<td id="col-3-3"></td>
<td id="col-3-4"></td>
<td id="col-3-5"></td>
<td id="col-3-6"></td>
</tr>
<tr>
<td id="col-4-1"></td>
<td id="col-4-2"></td>
<td id="col-4-3"></td>
<td id="col-4-4"></td>
<td id="col-4-5"></td>
<td id="col-4-6"></td>
</tr>
<tr>
<td id="col-5-1"></td>
<td id="col-5-2"></td>
<td id="col-5-3"></td>
<td id="col-5-4"></td>
<td id="col-5-5"></td>
<td id="col-5-6"></td>
</tr>
<tr>
<td id="col-6-1"></td>
<td id="col-6-2"></td>
<td id="col-6-3"></td>
<td id="col-6-4"></td>
<td id="col-6-5"></td>
<td id="col-6-6"></td>
</tr>
<tr>
<td id="col-7-1"></td>
<td id="col-7-2"></td>
<td id="col-7-3"></td>
<td id="col-7-4"></td>
<td id="col-7-5"></td>
<td id="col-7-6"></td>
</tr>
<tr>
<td id="col-8-1"></td>
<td id="col-8-2"></td>
<td id="col-8-3"></td>
<td id="col-8-4"></td>
<td id="col-8-5"></td>
<td id="col-8-6"></td>
</tr>
<tr>
<td id="col-9-1"></td>
<td id="col-9-2"></td>
<td id="col-9-3"></td>
<td id="col-9-4"></td>
<td id="col-9-5"></td>
<td id="col-9-6"></td>
</tr>
<tr>
<td id="col-10-1"></td>
<td id="col-10-2"></td>
<td id="col-10-3"></td>
<td id="col-10-4"></td>
<td id="col-10-5"></td>
<td id="col-10-6"></td>
</tr>
<tr>
<td id="col-11-1"></td>
<td id="col-11-2"></td>
<td id="col-11-3"></td>
<td id="col-11-4"></td>
<td id="col-11-5"></td>
<td id="col-11-6"></td>
</tr>
<tr>
<td id="col-12-1"></td>
<td id="col-12-2"></td>
<td id="col-12-3"></td>
<td id="col-12-4"></td>
<td id="col-12-5"></td>
<td id="col-12-6"></td>
</tr>
<tr>
<td id="col-13-1"></td>
<td id="col-13-2"></td>
<td id="col-13-3"></td>
<td id="col-13-4"></td>
<td id="col-13-5"></td>
<td id="col-13-6"></td>
</tr>
</table>
<div class="mobile-controller text-center">
<table>
<tr>
<td><a id="go-left" title="برو سمت چپ" class="text-dark"><span class="fa fa-3x fa-caret-left"></span></a></td>
<td><a id="go-bottom" title="برو سمت پایین" class="text-dark"><span class="fa fa-3x fa-caret-down"></span></a></td>
<td><a id="go-right" title="برو سمت راست" class="text-dark"><span class="fa fa-3x fa-caret-right"></span></a></td>
</tr>
</table>
</div>
</div>
<div class="col-md-8 game-box-right">
<table class="game-control text-center">
<tr>
<td>
<a id="pause-game" title="استراحت موقت" class="text-dark"><span class="fa fa-2x fa-pause"></span></a>
<a id="resume-game" style="display:none;" title="ادامه بازی" class="text-dark"><span class="fa fa-2x fa-play"></span></a>
</td>
<td><a id="new-game" title="بازی دوباره" class="text-dark"><span class="fa fa-2x fa-undo"></span></a></td>
<td><a id="back-home" title="بازگشت به صفحه اصلی" class="text-dark"><span class="fa fa-2x fa-home"></span></a></td>
</tr>
</table>
<table class="text-light samim-font score-box" dir="rtl">
<tr>
<td><span class="fa fa-lg fa-coins"></span> <span>امتیاز</span></td>
<td><span id="score">0</span></td>
</tr>
<tr>
<td><span class="fa fa-lg fa-puzzle-piece"></span> <span>کلمات ساخته شده</span></td>
<td><span id="win-word">0</span></td>
</tr>
<tr>
<td><span class="fa fa-lg fa-clock"></span> <span>زمان</span></td>
<td><span id="clock-second">0</span><span> : </span><span id="clock-minute">0</span></td>
</tr>
</table>
</div>
</div>
</div>
</section>
<!-- Page Footer -->
<footer class="home-footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="col-md-6 text-light samim-font text-right float-right copyright-box" dir="rtl">
<p>© <span id=copyrightyear></span> - 2018 تمامی حقوق این بازی آنلاین محفوظ می باشد. | <a href="https://github.com/amirshnll/Tetris" class="text-light" rel="nofollow" target="_blank"><span class="fab fa-1x fa-github"></span> سورس پروژه</a></p>
</div>
<div class="col-md-6 handler-box text-light float-left">
<a title="راهنمای بازی" data-toggle="modal" data-target="#helpModal">
<div class="help-game">
<span class="fa fa-lg fa-question"></span>
</div>
</a>
<a title="درباره ی بازی" data-toggle="modal" data-target="#aboutModal">
<div class="puzzle-list">
<span class="fa fa-lg fa-puzzle-piece"></span>
</div>
</a>
<a title="اشتراک با دوستان" data-toggle="modal" data-target="#shareModal">
<div class="share-social">
<span class="fa fa-lg fa-share"></span>
</div>
</a>
<a title="موسیقی بازی" id="music-off" style="display: none;">
<div class="music-play">
<span class="fa fa-lg fa-volume-off"></span>
</div>
</a>
<a title="موسیقی بازی" id="music-on">
<div class="music-play">
<span class="fa fa-lg fa-volume-up"></span>
</div>
</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</footer>
</div>
<!-- Modal Window - PopUpPage -->
<div class="modal fade samim-font" id="helpModal" role="dialog" dir="rtl">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><span class="fa fa-lg fa-question"></span> راهنمای بازی</h4>
</div>
<div class="modal-body text-right">
<p>شما می توانید با کلیدهای جهت دار که هم روی کیبورد و هم روی صفحه نمایش شما تعبیه شده است بازی کنید. بعد از ساختن کلمات جدید سرعت بازی و امتیاز کلمات ساخته شده افزایش می یابد تا بر جذابیت بازی بیفزاید.</p>
<p><strong>کلیدهای ترکیبی</strong></p>
<div>
<p>کلید H : آموزش بازی</p>
<p>کلید A : درباره ی بازی</p>
<p>کلید S : اشتراک بازی</p>
<p>کلید 0 : قطع صدا</p>
<p>کلید 1 : وصل صدا</p>
<p>کلید B : بازگشت به خانه</p>
<p>کلید R :شَروع مجدد بازی</p>
<p>کلید P : برای توقف موقت بازی</p>
</div>
</div>
<div class="modal-footer">
<a class="close-modal bg-white" data-dismiss="modal"><span class="fa fa-lg fa-window-close text-danger"></span></a>
</div>
</div>
</div>
</div>
<div class="modal fade samim-font" id="aboutModal" role="dialog" dir="rtl">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><span class="fa fa-lg fa-puzzle-piece"></span> درباره ی بازی</h4>
</div>
<div class="modal-body text-right">
<p>تتریس (به روسی: Тетрис) (به فارسی: خانه سازی) نوعی بازی ویدئویی معمایی مصور رایانهای شبیه به یک پازل بیانتها است که در آن از قطعات یا مهرههای چهارگوشی به نام تترومینو استفاده میشود. طراح و برنامهنویس این بازی در اصل توسط طراح بازی روسی الکسی پاژیتنوف انجام شدهاست. این بازی در ۶ ژوئن ۱۹۸۴ منتشر شد. //
<a target="_blank" rel="nofollow" href="https://fa.wikipedia.org/wiki/%D8%AA%D8%AA%D8%B1%DB%8C%D8%B3" title="ویکی پدیا">ویکی پدیا</a></p>
<p>بازی فعلی که تحت عنوان "بازی با کلمات" نامگذاری شده است یک نسخه ی معادل مثل بازی اصلی tetris است که بجای کار با اشکال از حروف فارسی در آن استفاده شده و به جای حذف ردیف ها به صورت افقی در صورت پر شدن در صورت چیدن لغات معنادار این اتفاق می افتد.</p>
</div>
<div class="modal-footer">
<a class="close-modal bg-white" data-dismiss="modal"><span class="fa fa-lg fa-window-close text-danger"></span></a>
</div>
</div>
</div>
</div>
<div class="modal fade samim-font" id="shareModal" role="dialog" dir="rtl">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><span class="fa fa-lg fa-share"></span> اشتراک با دوستان</h4>
</div>
<div class="modal-body text-right social-list">
<p>بازی آنلاین "بازی با کلمات" را در شبکه های اجتماعی خود با دوستانتان به اشتراک بگذارید:</p>
<div>
<a href="whatsapp://send?text=https://amirshnll.github.io/Tetris/index.html" title="اشتراک در پینترست" data-action="share/whatsapp/share"><span class="fab fa-2x fa-whatsapp"></span></a>
<a href="https://twitter.com/intent/tweet?text=https://amirshnll.github.io/Tetris/index.html" title="اشتراک در توییتر"><span class="fab fa-2x fa-twitter"></span></a>
</div>
</div>
<div class="modal-footer">
<a class="close-modal bg-white" data-dismiss="modal"><span class="fa fa-lg fa-window-close text-danger"></span></a>
</div>
</div>
</div>
</div>
<div class="modal fade samim-font" id="gameOverModal" role="dialog" dir="rtl">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><span class="fa fa-lg fa-gamepad"></span> پایان بازی</h4>
</div>
<div class="modal-body text-right social-list">
<p>باختی...!! </p>
<p>بازی با این آمار تمام شد:</p>
<p><span class="fa fa-1x fa-coins"></span> <span>امتیاز : </span><span id="resultScore"></span></p>
<p><span class="fa fa-1x fa-puzzle-piece"></span> <span>کلمات ساخته شده : </span><span id="resultWinWord"></span></p>
<p><span class="fa fa-1x fa-clock"></span> <span>زمان : </span><span id="resultTime" dir="ltr"></span></p>
<p style="text-align:center !important;"><a class="text-primary" id="lose-new-game" title="بازی مجدد"><span class="fa fa-1x fa-undo"></span> بازی مجدد</a></p>
</div>
<div class="modal-footer">
<a class="close-modal bg-white" data-dismiss="modal"><span class="fa fa-lg fa-window-close text-danger"></span></a>
</div>
</div>
</div>
</div>
<!-- WebPage Music -->
<audio autoplay="autoplay" loop="loop" id="music-player">
<source src="assets/sound/music.ogg" type="audio/ogg">
<source src="assets/sound/music.mp3" type="audio/mpeg">
</audio>
<script src="assets/lib/jquery/jquery-3.3.1.min.js"></script>
<script src="assets/js/tetris.js"></script>
<script src="assets/lib/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>