-
Notifications
You must be signed in to change notification settings - Fork 0
/
help.html
383 lines (383 loc) · 26.1 KB
/
help.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
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=800px, user-scalable=yes">
<title>Симулятор эпидемии 4 - помощь</title>
<link rel="icon" href="assets/icon.svg">
<style>
p, a {
font-size: 16px;
}
h1, h2, h3, h4, p, i, b, a {
font-family: Monospace, sans-serif;
}
button {
background-color: #00000000;
border: none;
}
img {
padding-left: 5px;
height: 12px;
}
</style>
</head>
<body>
<!--
<h1 style="margin-bottom: 5px;">Помощь</h1>
<a href="index.html" style="font-size: 8px;"><b>главная страница</b></a>
<article>
<h2>Добро пожаловать в «Симулятор Эпидемии»!</h2>
<p>Здесь вы можете создавать симуляции поведения болезней и просматривать их.</p>
<p><b style="color: #a00000">Внимание!</b> Чтобы программа работала корректно требуется JavaScript. Проверьте, не отключен ли JavaScript в настройках вашего браузера.</p>
</article>
<noscript id="noscript" style="margin: 100px">
<h2>Похоже вы выключили JavaScript в настройках браузера</h2>
<p>Сожалеем, но «Симулятор эпидемии» не может работаеть без JavaScript. </p>
</noscript>
<article>
<h2>Основные правила</h2>
<div id="editor_interface">
<h3>Основной интерфейс редактора</h3>
<p>Сверху страницы находится название симуляции. Ниже — четыре кнопки:</p>
<h4>Запуск</h4>
<p>Запускает симуляцию.</p>
<h4>Скачать</h4>
<p>Скачивает JSON симуляции.</p>
<h4>Помощь</h4>
<p>Открывает эту статью.<p>
<h4>Открыть</h4>
<p>Позволяет открыть JSON симуляции или точку сохранения.</p>
<p>Слева от названия — кнопка «<img src="assets/lssg.svg">», создающая точку сохранения.</p>
<p>Под кнопками находятся настройки, в них вы можете указать основные параметры вашей симуляции. Под ними находится редактор ландшафта (см. <a href="#lands_editor">«Ландшафты»</a>). Ещё ниже — «события» (см. <a href="#events">«События»</a>). А в самом низу — «состояния клеток» (см. <a href="#states">«Состояния клеток»</a>).</p>
</div>
<div id="view_inerface">
<h3>Основной интерфейс просмотра</h3>
<p>На странице просмотра вы увидите «экран конца загрузки». Кликнув по нему, вы запустите симуляцию. Слева — игровое поле. Правее — характеристики отрисовки:</p>
<h4>Время</h4>
<p>Отображает игровое время.</p>
<h4>FPS</h4>
<p>Отображает количество кадров отображённых за секунду.</p>
<h4>Расчёт</h4>
<p>Отображает время потраченное на обработку кадра.</p>
<p>Под ними статистика, она отображает, сколько клеток находятся в каждом состоянии. Правее — график, отображающий статистику.</p>
<p>В правом нижнем углу находится кнопка паузы, которая останавливает симуляцию и открывает меню возможностей:</p>
<h4>Продолжить</h4>
<p>Продолжает симуляцию.</p>
<h4>Заново</h4>
<p>Запускает симуляцию заново.</p>
<h4>Полный экран</h4>
<p>Разворачивает симуляцию на полный экран.</p>
<h4>Логи</h4>
<p>[инструмент разработчиков]</p>
<h4>Скриншот</h4>
<p>Скачивает скриншот симуляции.</p>
</div>
<div id="start_cells">
<h3>Изначальные характеристики клеток</h3>
<p>Запустив симуляцию, вы увидите на игровом поле множество квадратиков, называемых клетками. Их количество вы можете задать в настройке «Количество клеток». Каждая из них имеет неизменную скорость, равную случайном числу от 0 до настройки «Максимальная скорость». Если одна из них коснётся края, то изменит направление.</p>
<b style="color: #a00000">Не рекомендуем запускать симуляции, с количеством клеток больше 2500, на слабых устройствах!</b>
</div>
<div id="extensions">
<h3>Дополнения</h3>
<p>Многие возможности изначально скрыты, поскольку находятся в дополнениях. Чтобы установить одно из них, перейдите в меню «Дополнения» и нажмите «+» рядом с его именем.</p>
</div>
<div id="lands_editor">
<h3>Ландшафт</h3>
<p>Ландшафт — это "фон" игрового поля. Вы можете изменить его при помощи редактора ландшафта. Каждый ландшафт имеет силу и по своему влияет на клетки (см. <a href="#lands_list">«Список ландшафтов»</a>).</p>
</div>
<div id="events">
<h3>События</h3>
<p>События — это что-то, что происходит в указанный момент он начала симуляции. События бывают разных типов (см. <a href="#event_list">«Список событий»</a>). А также могут иметь аргументы.</p>
</div>
<div id="states">
<h3>Состояния клеток</h3>
<p>В определённый момент клетки находятся в каких-то состояниях. Вы можете создовать/изменять их в разделе «Состояния клеток». Каждое состояние имеет цвет, название и набор свойств (см. <a href="#props">«Дополнительные свойства»</a>). Вот основные свойства:</p>
<h4>Вероятность</h4>
<p>см. <a href="#infect_rule">«Правило заражения»</a>.</p>
<h4>Зона</h4>
<p>см. <a href="#infect_rule">«Правило заражения»</a>.</p>
<h4>Изначальная популяция</h4>
<p>Указывает, сколько клеток будут находится в состоянии при запуске симуляции.</p>
<h4>Длина жизни</h4>
<p>Если клетка переходит в состояние с «Длиной жизни», то через указанное время она погибает.</p>
<h4>Защита</h4>
<p>Если клетку с защитой защитой пытаются заразить, то с указанной вероятностью атака не состоится.</p>
</div>
<div id="infect">
<h3>Правло заражения</h3>
<p>Клетки могут переходить из состояния в состояние посредством заражения. Если какая-то клетка (далее "A") находится в зоне заражения другой клетки (далее "B") с размером равным свойству "зона" клетки "B" (см. <a href="#zones">«Зоны заражения»</a>), то с вероятностью клетки "B", клетка "A" перейдёт в тоже состояние что и "B". После этого она тоже сможет заражать другие клетки.</p>
</div>
<div id="zones">
<h3>Зоны заражения</h3>
<p>В нашей программе, зоной заражения называется квадрат со стороной 2*[её размер].</p>
</div>
</article>
<article id="props">
<h2>Дополнительные свойства</h2>
<div id="p_speed">
<h3>Коэффициент скорости</h3>
<p>Скорость клетки умножается на "Коэффициент скорости" болезни, которой она заражена.</p>
</div>
<div id="p_trans">
<h3>Трансформация в</h3>
<p>При трансформации клетки она сменяет переходит в указанное состояние.</p>
</div>
<div id="p_heal">
<h3>Вероятность излечения</h3>
<p>При смерти клетки с указанной вероятностью она трансформируется.</p>
</div>
<div id="p_infect">
<h3>Заражение в</h3>
<p>Клетки этого состояния заражают в указанное.</p>
</div>
<div id="p_parasite">
<h3>Паразит</h3>
<p>Если клетка со свойством "Паразит" не пыталась заразить другие в течение указанного времени, то она умирает.</p>
</div>
<div id="p_after">
<h3>Инфекция после смерти</h3>
<p>После смерти клетки со свойством «Инфекция после смерти» на указанное время остаются заразительные останки.</p>
</div>
<div id="p_attacktrans">
<h3>Переатака</h3>
<p>Если клетка со свойством «Переатака» не смогла атаковать другую, то с указанной вероятностью жертва трансформируется.</p>
</div>
<div id="p_reattack">
<h3>Контратака</h3>
<p>Если клетка со свойством «Контратака» подверглась несостоявшейся атаке, то она заражает напавшую с указанной вероятностью.</p>
</div>
<div id="p_rest">
<h3>Отдых</h3>
<p>Клетка со свойством «Отдых» не может заражать указанное время от момента заражения.</p>
</div>
<div id="p_teleporto">
<h3>Телепорт</h3>
<p>Когда клетка заражается болезнью со свойством «Телепорт», то перемещается в случайную точку указанной зоны.</p>
</div>
<div id="p_mosquito">
<h3>Москиты</h3>
<p>Когда клетка со свойством «Москиты» умирает, из неё вылетает указанное число москитов (см. <a href="#mosquitos">«Москиты»</a>).</p>
</div>
<div id="p_killer">
<h3>Убийца</h3>
<p>Если клетка со свойством «Убийца» успешно атаковала другую, то с указанной вероятностью убивает её вместо заражения.</p>
</div>
<div id="p_magnet">
<h3>Магнит</h3>
<p>Клетка со свойствами "Зона магнита" и "Сила магнита" притягивает все другие в указзаной зоне с указанной силой.</p>
</div>
<div id="p_add">
<h3>Добавка</h3>
<p>Указанное количество раз («Количество добавок») с указанным промежутком («Добавка время») заражается указанное количество случайных клеток («Добавка количество»). При этом они могут быть мёртвыми или уже заражены этой болезнью.</p>
</div>
<div id="p_spikes">
<h3>Шипы</h3>
<p>Когда клетка со свойством «Шипы» атакует другую, первая отнимает указанное количество от «Защиты» второй.</p>
</div>
<div id="p_antiland">
<h3>Анти-ландшафт</h3>
<p>Клетка со свойством «Анти-ландшафт» с указанной вероятностью не учитывает ландшафт под ней.</p>
</div>
<div id="p_allergy">
<h3>Аллергия</h3>
<p>Если клетка со свойством «Аллергия» находится на ландшафте «Аллергенная зона», то с вероятностью равной силе ландшафта клетка превращается в указанное состояние.</p>
</div>
<div id="p_farinf">
<h3>Дальняя атака</h3>
<p>Если клетка со свойством «Дальняя атака» успешно атакует другую, то также заражает указанное количество случайных клеток.</p>
</div>
<div id="p_crazy">
<h3>Сумасшедший</h3>
<p>Каждый кадр клетка со свойством «Сумасшедший» с указанной вероятностью («‰» = промилле = 1/1000) меняет свою скорость на случайную.</p>
</div>
<div id="p_rats">
<h3>Крысы</h3>
<p>Указывает сколько крыс изначально заражено этой болезнью (см. <a href="#rats">«Крысы»</a>).</p>
</div>
<div id="p_relive">
<h3>Воскрешение</h3>
<p>Через указанное время («Воскрешение время») после смерти клетки со свойством «Воскрешение», с указанной вероятностью («Воскрешение вероятность») клетка станет существовать снова.</p>
</div>
<div id="p_group">
<h3>Группа</h3>
<p>Клетки чья группа равна и не равна нулю не могут заражать друг друга.</p>
</div>
<div id="p_defect">
<h3>Уязвимость</h3>
<p>При атаке клетки со свойством «Уязвимость» к вероятности заражения добавляется указанная.</p>
</div>
<div id="p_robber">
<h3>Грабитель</h3>
<p>Клетки со свойством "Грабитель" преодолевают карантин.</p>
</div>
<div id="p_allone">
<h3>Все за одного</h3>
<p>Если клетка со свойством "Все за одного" заражается, то также заражаются все остальные клетки этого состояния.</p>
</div>
<div id="p_waterscary">
<h3>Водобоязнь</h3>
<p>Если клетка со свойством «Водобоязнь» находится на ландшафте «Морская зона», то с вероятностью равной силе ландшафта умирает.</p>
</div>
<div id="p_invisible">
<h3>Невидимка</h3>
<p>Клетки со свойством «Невидимка» не отображаются. </p>
</div>
<div id="p_builder">
<h3>Строитель</h3>
<p>Клетки со свойством «Строитель» могут преодолевать «Строительную зону» (см. <a href="l_12">«Строительная зона»</a>). Также свойство уменьшает вероятность смерти там в 100 раз.</p>
</div>
<div id="p_position">
<h3>Точная позиция</h3>
<p>Позволяет указывать позицию клетки, изначально заражённой этой болезнью.</p>
</div>
</article>
<article id="lands_list">
<h2>Список ландшафтов</h2>
<div style="color: #80a000;" id="l_1">
<h3>Отравленная зона</h3>
<p>Клетки тут с указанной вероятностью умирают.</p>
</div>
<div style="color: #00a0a0;" id="l_2">
<h3>Санитарная зона</h3>
<p>Клетки тут с указанной вероятностью превращаются в здоровых.</p>
</div>
<div style="color: #a000a0;" id="l_3">
<h3>Зона биологической опасности</h3>
<p>Все клетки тут с указанной вероятностью находятся друг у друга в зоне заражения.</p>
</div>
<div style="color: #a09000;" id="l_4">
<h3>Пляжная зона</h3>
<p>Клетки в этой зоне замедляются на указанное число процентов.</p>
</div>
<div style="color: #a00000;" id="l_5">
<h3>Зона повышенного заражения</h3>
<p>Вероятность заражения клеток тут увеличивается на указанное число процентов.</p>
</div>
<div style="color: #605000;" id="l_6">
<h3>Свалочная зона</h3>
<p>При смерти клетки тут с указанной вероятностью появляется крыса.</p>
</div>
<div style="color: #f0a070;" id="l_7">
<h3>Аллергенная зона</h3>
<p>см. <a href="#p_allergy">«Аллергия»</a>.</p>
</div>
<div style="color: #a00050;" id="l_8">
<h3>Охотнячья зона</h3>
<p>Крысы, москиты и шары тут с указанной вероятностью умирают.</p>
</div>
<div style="color: #0040a0;" id="l_9">
<h3>Морская зона</h3>
<p>см. <a href="#p_waterscary">«Водобоязнь»</a>.</p>
</div>
<div style="color: #802000;" id="l_10">
<h3>Взрывоопасная зона</h3>
<p>Каждая из клеток тут каждый кадр проверяет вероятность равную <b>([сила зоны под ней]/1000)%</b>. Если хоть у одной клетки она сбывается, то все клетки на всех зонах этого типа умирают.</p>
</div>
<div style="color: #408020;" id="l_11">
<h3>Лагерьная зона</h3>
<p>Если клетка умирает тут, то с указанной вероятностью появляется новая.</p>
</div>
<div style="color: #000000;" id="l_12">
<h3>Строительная зона</h3>
<p>Аналогична отравленной зоне. Но клетки могут зайти сюда только через угол зоны (в остальных случаях они отталкиваются). См. также <a href="#p_builder">«Строитель»</a>.</p>
</div>
<div style="color: #5000a0;" id="l_13">
<h3>Магическая зона</h3>
<p>Клетки тут с указанной вероятностью превращаются в крыс.</p>
</div>
<div style="color: #a05000;" id="l_14">
<h3>Зона строгого контроля</h3>
<p>Клетки тут с указанной вероятностью не могут заражать другие находящиеся в зоне этого типа.</p>
</div>
<div style="color: #a07800;" id="l_15">
<h3>Зона строгого контроля</h3>
<p>Крысы и шары тут с указанной вероятностью становятся простыми клетками.</p>
</div>
<div style="color: #0060a0;" id="l_16">
<h3>Научная зона</h3>
<p>Клетки тут с указанной вероятностью переходят на случайную позицию.</p>
</div>
<div style="color: #60c0d0;" id="l_17">
<h3>Ледяная зона</h3>
<p>Клетки тут ускоряются на указанное число процентов.</p>
</div>
<div style="color: #50a000;" id="l_18">
<h3>Драконья зона</h3>
<p>см. <a href="e_dragon">«Гнев драконов»</a>.</p>
</div>
<div style="color: #f0f080;" id="l_19">
<h3>Светлая зона</h3>
<p>см. <a href="e_night">«Ночь»</a>.</p>
</div>
<div style="color: #600000;" id="l_20">
<h3>Военная зона</h3>
<p>см. <a href="e_dragon">«Военные действия»</a>.</p>
</div>
<div style="color: #804080;" id="l_21">
<h3>Таинственная зона</h3>
<p>Клетки тут становятся прозрачными на указанное число процентов.</p>
</div>
<div style="color: #404080;" id="l_22">
<h3>Трёхмерная зона</h3>
<p>см. <a href="e_thirdmetric">«Третье измерение»</a>.</p>
</div>
<div style="color: #007030;" id="l_23">
<h3>Лесная зона</h3>
<p>см. <a href="e_forest">«Выход из леса»</a>.</p>
</div>
<div style="color: #600000;" id="l_24">
<h3>Военная зона</h3>
<p>см. <a href="e_dragon">«Военные действия»</a>.</p>
</div>
<div style="color: #003820;" id="l_25">
<h3>Жуткая зона</h3>
<p>см. <a href="e_helloween">«Хэллоин»</a> и <a href="scary">«Страшный»</a>.</p>
</div>
<div style="color: #a05040;" id="l_26">
<h3>Фабричная зона</h3>
<p>см. <a href="robots">«Роботы»</a>.</p>
</div>
<div style="color: #a08050;" id="l_27">
<h3>Магазинная зона</h3>
<p>Клетки тут не тратят еду (см. <a href="food">«Еда»</a>), а получают её в количестве <b>[сила ландшафта]/10</b>.</p>
</div>
<div style="color: #004050;" id="l_28">
<h3>Плесень</h3>
<p>Больные клетки тут не могут переходить в другие состояния.</p>
</div>
</article>
<article id="rats">
<h2>Крысы</h2>
<p>Крысы — это тип клеток, которые <b>НЕ</b> реагируют на многие ландшафты (кроме: <a href="#l_8">«Охотничья зона»</a> и <a href="#l_15">«Человечья зона»</a>), <a href="#quar">«Карантин»</a>, а также на многие свойства своей болезни.</p>
</article>
<article id="balls">
<h2>Шары</h2>
<p>Анологичны крысам (см. <a href="#rats">«Крысы»</a>), но имеют другую механику движения. Они отталкиваться от краёв умножая свою скорость на <b>[настройка "упругость шаров"]%</b>, а также каждый кадр прибавляют к ней гравитацию.</p>
</article>-->
<article id="examples">
<h2>Примеры</h2>
<div>
<p>Живой пример:</p>
<iframe src="game.html" width="300" height="150" style="border: 2px solid #808080"></iframe>
<p>Видео:</p>
<div><iframe src="https://www.youtube.com/embed/lF8tEqt74wo" width="300" height="150" allowfullscreen></iframe></div>
<div><iframe src="https://www.youtube.com/embed/4RCEklyHNbw" width="300" height="150" allowfullscreen></iframe></div>
<div><iframe src="https://www.youtube.com/embed/HN0OgBTYNQY" width="300" height="150" allowfullscreen></iframe></div>
</div>
<a href="examples.html"><b>другие примеры</b></a>
</article>
<p id="sourcep" onclick="window.open('source.html');">Исходный код <img src="assets/source.svg" height="5"></p>
<p id="aboutp" onclick="window.open('about.html');">О программе</p>
<p id="logsp" onclick="window.open('logs.html');">Просмотр логов</p>
<!--<p id="cache" onclick="cache();" style="display: none; font-size: 5px; color: #f0f0f0;">Офлайн-версия (тестировка)</p>-->
</body>
</html>
<!--
<script>
if ('serviceWorker' in navigator) document.getElementById('cache').style.display = 'block';
function cache() {
if (confirm("Офлайн-версия займёт ≈5мб памяти вашего устройства. Продолжить?")) navigator.serviceWorker.register('cache.js').then(() => navigator.serviceWorker.ready.then(e => e.sync.register('syncdata'))).catch(e => alert("Произошла ошибка: " + e.message));
}
</script>
-->