Вход на сайт
Тараканьи бега 09.05.2024
2371 просмотров
Перейти к просмотру всей ветки
Назад
Всем добрый ночи! Посмотрел я это видео:
и мне захотелось сделать такую-же игру под браузер.
Вот формула:
Вот мой код:
<!DOCTYPE html>
<html>
<head>
<title>Тараканьи бега</title>
<style>
.tarakan { position:relative; color:#510; }
.init { left:5px; }
#tarakan1 { top:10px; }
#tarakan2 { top:20px; }
#tarakan3 { top:30px; }
#tarakan4 { top:40px; }
#tarakan5 { top:50px; }
#tarakan6 { top:60px; }
#pole { width:600px; min-height:190px;
border:1px solid #000;
background-color:#080;}
</style>
<script>
var tm = null;
function move_tarakan(tarakan_id, step) {
var el = document.getElementById(tarakan_id);
var offset = el.getBoundingClientRect();
var new_pos = offset.left + step;
el.setAttribute('style', 'left:' + String(new_pos) + 'px');
}
function get_position_tarakan(tarakan_id) {
var el = document.getElementById(tarakan_id);
var offset = el.getBoundingClientRect();
return offset.left;
}
function go(el) {
var tarakan_stavka = 0;
do {
tarakan_stavka = prompt('На какого таракана будете ставить (1-6)?', '1');
} while(! (tarakan_stavka >= 1 && tarakan_stavka <= 6));
el.setAttribute('disabled', 'true');
tm = setInterval(() => {
for(var i=1; i<7; i++) {
move_tarakan('tarakan' + i, Math.floor(Math.random() * 10));
if(get_position_tarakan('tarakan' + i) >= 590) {
if(tarakan_stavka == i)
alert('Таракан под номером ' + i + ' выиграл!');
clearInterval(tm);
}}}, 400);
}
</script>
</head>
<body>
<div id="pole">
<div id="tarakan1" class="tarakan init">x</div>
<div id="tarakan2" class="tarakan init">x</div>
<div id="tarakan3" class="tarakan init">x</div>
<div id="tarakan4" class="tarakan init">x</div>
<div id="tarakan5" class="tarakan init">x</div>
<div id="tarakan6" class="tarakan init">x</div>
</div>
</div>
<br>
<button onclick="go(this);">Погнали!</button>
</body>
</html>Если я кому-то отвечаю, это не значит что я ему симпатизирую, каждый остаётся при своём мнение
Дневник тяжелобольного инвалида
Дневник тяжелобольного инвалида