2020-04-21 19:39:28 +00:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
2020-04-30 21:28:25 +00:00
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/sim.css" />
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/simplebar.css" />
|
2020-04-21 19:39:28 +00:00
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div id="sandbox">
|
|
|
|
|
|
|
|
|
|
<div id="controls">
|
|
|
|
|
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<div id="hide_on_first_playthrough">
|
|
|
|
|
<div id="section_dynamics">
|
|
|
|
|
|
2020-05-04 13:49:59 +00:00
|
|
|
|
В <i>среднем</i>,
|
|
|
|
|
каждый <icon i></icon>...
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
<div id="label_transmission">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Заражает 1 <icon s></icon> каждые <span id="label_p_transmission">N</span> дней
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br>
|
2020-04-23 16:21:18 +00:00
|
|
|
|
<span id="label_transmission_caveat">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
(в начале эпидемии)<br>
|
2020-04-23 16:21:18 +00:00
|
|
|
|
</span>
|
|
|
|
|
<input class="sim_input" type="range" id="p_transmission" min="1" max="30" step="1" value="4">
|
2020-04-22 22:48:22 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="label_c_exposed">
|
|
|
|
|
<input class="sim_checkbox" type="checkbox" id="c_exposed">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Требуется <span id="label_p_exposed">N</span> дней от <icon e></icon> к <icon i></icon>
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br>
|
2020-04-23 16:21:18 +00:00
|
|
|
|
<input class="sim_input" type="range" id="p_exposed" min="1" max="30" step="1" value="3">
|
2020-04-22 22:48:22 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="label_c_recovery">
|
|
|
|
|
<input class="sim_checkbox" type="checkbox" id="c_recovery">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Требуется <span id="label_p_recovery">N</span> дней от <icon i></icon> к <icon r></icon>
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br>
|
2020-04-27 04:03:42 +00:00
|
|
|
|
<input class="sim_input" type="range" id="p_recovery" min="1" max="30" step="1" value="10">
|
2020-04-22 22:48:22 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="label_c_waning">
|
|
|
|
|
<input class="sim_checkbox" type="checkbox" id="c_waning">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Ослабляет иммунитет <icon s></icon> за <span id="label_p_waning">N</span> месяцев
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br>
|
2020-05-01 03:35:04 +00:00
|
|
|
|
<input class="sim_input" type="range" id="p_waning" min="1" max="60" step="1" value="12">
|
2020-04-22 22:48:22 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<hr>
|
2020-04-21 19:39:28 +00:00
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<div id="section_r">
|
|
|
|
|
|
2020-05-04 13:49:59 +00:00
|
|
|
|
R<sub>0</sub> <span id="label_p_r0" toFixed="2"></span>
|
2020-04-24 16:59:53 +00:00
|
|
|
|
<canvas class="r_canvas" id="canvas_r0"></canvas>
|
|
|
|
|
<!--input class="sim_input" type="range" id="p_r0" min="0" max="6" step="0.01" disabled-->
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<span id="label_s">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
% людей кто <i>НЕ</i> <icon s></icon>
|
2020-04-24 16:59:53 +00:00
|
|
|
|
<input class="sim_input" type="range" id="p_s" min="0" max="1" step="0.001" value="0" disabled>
|
|
|
|
|
<div class="herd"></div>
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<span id="int_block_0">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Повышенная гигиена
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br>
|
|
|
|
|
<input class="sim_input recordable" type="range" id="p_hygiene" min="0" max="1" step="0.001" value="0">
|
|
|
|
|
<br>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="int_block_1">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Физическое дистанцирование
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br>
|
|
|
|
|
<input class="sim_input recordable" type="range" id="p_distancing" min="0" max="1" step="0.001" value="0">
|
|
|
|
|
<br>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="int_block_2">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Случаи изоляции
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br>
|
|
|
|
|
<input class="sim_input recordable" type="range" id="p_isolate" min="0" max="1" step="0.001" value="0">
|
|
|
|
|
<br>
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Карантийные контакты
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br>
|
|
|
|
|
<input class="sim_input recordable" type="range" id="p_quarantine" min="0" max="1" step="0.001" value="0">
|
|
|
|
|
<br>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="int_block_3">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Маски
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br>
|
|
|
|
|
<input class="sim_input recordable" type="range" id="p_masks" min="0" max="1" step="0.001" value="0">
|
|
|
|
|
<br>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="int_block_4">
|
2020-05-06 11:34:56 +00:00
|
|
|
|
Сила лета
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br>
|
|
|
|
|
<input class="sim_input recordable" type="range" id="p_summer" min="0" max="1" step="0.001" value="0">
|
|
|
|
|
<br>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="int_block_5">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Вакцинация
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br>
|
|
|
|
|
<input class="sim_input recordable" type="range" id="p_vaccines" min="0" max="1" step="0.001" value="0">
|
|
|
|
|
<br>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<span id="label_re">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
R сейчас <span id="label_p_re" toFixed="2"></span>
|
2020-04-24 16:59:53 +00:00
|
|
|
|
<canvas class="r_canvas" id="canvas_re"></canvas>
|
|
|
|
|
<!--<input class="sim_input" type="range" id="p_re" min="0" max="6" step="0.01" disabled>-->
|
2020-04-22 22:48:22 +00:00
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<span id="hospital_capacity">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Вместимость ОРИТ <span id="label_p_hospital">N</span>%
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<br>
|
2020-04-27 04:03:42 +00:00
|
|
|
|
<input class="sim_input recordable" type="range" id="p_hospital" min="100" max="1000" step="1" value="333">
|
2020-04-22 22:48:22 +00:00
|
|
|
|
</span>
|
|
|
|
|
|
2020-04-24 16:59:53 +00:00
|
|
|
|
<hr id="divider">
|
2020-04-21 19:39:28 +00:00
|
|
|
|
|
2020-04-22 22:48:22 +00:00
|
|
|
|
</div>
|
2020-04-21 19:39:28 +00:00
|
|
|
|
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<div id="section_meta">
|
2020-04-21 19:39:28 +00:00
|
|
|
|
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Симулировать <span id="label_p_years" toFixed="1">N</span> лет
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<span id="section_meta_years">
|
|
|
|
|
<br>
|
|
|
|
|
<input class="sim_input" type="range" id="p_years" min="0.5" max="10" step="0.5" value="2">
|
|
|
|
|
<br>
|
|
|
|
|
</span>
|
2020-05-04 13:49:59 +00:00
|
|
|
|
за <span id="label_p_speed">N</span> секунд
|
2020-04-21 19:39:28 +00:00
|
|
|
|
<br>
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<input class="sim_input" type="range" id="p_speed" min="1" max="60" step="1" value="30">
|
2020-04-21 19:39:28 +00:00
|
|
|
|
|
2020-04-22 22:48:22 +00:00
|
|
|
|
</div>
|
2020-04-21 19:39:28 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="sim_controls">
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<div class="big_button">
|
2020-04-30 20:12:02 +00:00
|
|
|
|
<div id="bb_start">
|
|
|
|
|
<div class='control_icon' start></div>
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Старт
|
2020-04-30 20:12:02 +00:00
|
|
|
|
</div>
|
|
|
|
|
<div id="bb_pause">
|
|
|
|
|
<div class='control_icon' pause></div>
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Пауза
|
2020-04-30 20:12:02 +00:00
|
|
|
|
</div>
|
2020-05-04 13:49:59 +00:00
|
|
|
|
<div id="bb_continue" style="font-size: 0.9em">
|
2020-04-30 20:12:02 +00:00
|
|
|
|
<div class='control_icon' continue></div>
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Продолжить
|
2020-04-30 20:12:02 +00:00
|
|
|
|
</div>
|
|
|
|
|
<div id="bb_reset">
|
|
|
|
|
<div class='control_icon' reset></div>
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Сброс
|
2020-04-30 20:12:02 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-05-01 15:28:50 +00:00
|
|
|
|
<!--div id="sb_stop">
|
2020-05-01 03:35:04 +00:00
|
|
|
|
Stop
|
2020-05-01 15:28:50 +00:00
|
|
|
|
</div-->
|
2020-04-30 20:12:02 +00:00
|
|
|
|
<div id="sb_reset">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Сбросить всё
|
2020-04-22 22:48:22 +00:00
|
|
|
|
</div>
|
2020-04-30 20:12:02 +00:00
|
|
|
|
<div id="sb_replay">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Перезапустить
|
2020-04-22 22:48:22 +00:00
|
|
|
|
</div>
|
2020-04-21 19:39:28 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="graph">
|
|
|
|
|
<canvas id="graphCanvas"></canvas>
|
|
|
|
|
<div id="month_ticks">
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<!--
|
|
|
|
|
<div><span>2020</span></div>
|
|
|
|
|
<div><span>2021</span></div>
|
|
|
|
|
-->
|
|
|
|
|
</div>
|
|
|
|
|
<div id="legend">
|
|
|
|
|
|
2020-04-27 04:03:42 +00:00
|
|
|
|
<span id="label_susceptible" class="lines">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
<icon s></icon> Восприимчивые<span id="show_percent_s"></span>
|
2020-04-27 04:03:42 +00:00
|
|
|
|
<br>
|
2020-04-23 16:21:18 +00:00
|
|
|
|
</span>
|
2020-04-27 04:03:42 +00:00
|
|
|
|
<span id="label_exposed" class="lines">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
<icon e></icon> Незащищённые<span id="show_percent_e"></span>
|
2020-04-27 04:03:42 +00:00
|
|
|
|
<br>
|
2020-04-23 16:21:18 +00:00
|
|
|
|
</span>
|
2020-04-27 04:03:42 +00:00
|
|
|
|
<span id="label_infectious" class="lines">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
<icon i></icon> Заражённые<span id="show_percent_i"></span>
|
2020-04-27 04:03:42 +00:00
|
|
|
|
<br>
|
2020-04-23 16:21:18 +00:00
|
|
|
|
</span>
|
2020-04-27 04:03:42 +00:00
|
|
|
|
<span id="label_removed" class="lines">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
<icon r></icon> Выздоровевшие<span id="show_percent_r"></span>
|
2020-04-23 16:21:18 +00:00
|
|
|
|
</span>
|
2020-04-22 22:48:22 +00:00
|
|
|
|
|
2020-04-27 04:03:42 +00:00
|
|
|
|
<br class="lines">
|
2020-04-22 22:48:22 +00:00
|
|
|
|
|
|
|
|
|
<span id="label_herd_immunity">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
- - - Коллективный иммунитет
|
2020-04-22 22:48:22 +00:00
|
|
|
|
</span>
|
|
|
|
|
|
2020-04-27 04:03:42 +00:00
|
|
|
|
<br class="lines">
|
2020-04-22 22:48:22 +00:00
|
|
|
|
|
|
|
|
|
<span id="label_capacity">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
––– Вместимость ОРИТ
|
2020-04-22 22:48:22 +00:00
|
|
|
|
</span>
|
|
|
|
|
|
2020-04-21 19:39:28 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2020-04-23 16:21:18 +00:00
|
|
|
|
<div id="pointer">
|
|
|
|
|
<div id="hand_container">
|
|
|
|
|
<div id="hand"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="pointer_words">
|
|
|
|
|
<span id="pointer_params">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Попробуй перезапустить симуляцию
|
|
|
|
|
с другими числами!
|
2020-04-23 16:21:18 +00:00
|
|
|
|
<span id="pointer_params_2">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
<b>(заметка: ты можешь изменять числа <i>в процессе</i> симуляции)</b>
|
2020-04-23 16:21:18 +00:00
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span id="pointer_scroll">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Как только закончишь играть,
|
|
|
|
|
прокрути вниз, чтобы продолжить чтение!
|
2020-04-23 16:21:18 +00:00
|
|
|
|
</span>
|
2020-04-27 17:07:31 +00:00
|
|
|
|
<span id="pointer_replay">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Эта симуляция имеет "записанный сценарий"!
|
2020-04-27 17:07:31 +00:00
|
|
|
|
<br>
|
2020-05-04 13:49:59 +00:00
|
|
|
|
Кликни "Старт" чтобы просмотреть запись
|
|
|
|
|
<i>прежде</i> чем изменять любые числа
|
2020-04-27 17:07:31 +00:00
|
|
|
|
</span>
|
2020-04-23 16:21:18 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2020-04-21 19:39:28 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
2020-04-22 22:48:22 +00:00
|
|
|
|
<span id="month_names">
|
2020-05-04 13:49:59 +00:00
|
|
|
|
<span>янв</span>
|
|
|
|
|
<span>фев</span>
|
|
|
|
|
<span>мар</span>
|
|
|
|
|
<span>апр</span>
|
|
|
|
|
<span>май</span>
|
|
|
|
|
<span>июн</span>
|
|
|
|
|
<span>июл</span>
|
|
|
|
|
<span>авг</span>
|
|
|
|
|
<span>сен</span>
|
|
|
|
|
<span>окт</span>
|
|
|
|
|
<span>ноя</span>
|
|
|
|
|
<span>дек</span>
|
2020-04-22 22:48:22 +00:00
|
|
|
|
</span>
|
|
|
|
|
|
2020-04-21 19:39:28 +00:00
|
|
|
|
</body>
|
|
|
|
|
|
2020-04-23 16:21:18 +00:00
|
|
|
|
<script src="js/helpers.js"></script>
|
|
|
|
|
<script src="js/Model.js"></script>
|
|
|
|
|
<script src="js/Controls.js"></script>
|
|
|
|
|
<script src="js/Stages.js"></script>
|
2020-04-30 21:28:25 +00:00
|
|
|
|
<script src="js/Params.js"></script>
|
|
|
|
|
<script src="js/main.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="js/simplebar.min.js"></script>
|
|
|
|
|
|