Показать сообщение отдельно
  #10 (permalink)  
Старый 28.11.2013, 21:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

nub,
Цитата:
Раз, два, три, четыре, пять, Вышел зайчик погулять, Вдруг охотник выбегает, Прямо в зайчика стреляет. Пиф - паф ой-ой-ой Умирает зайчик мой.
базука - радиус поражения 30, 100, 200
+ подсчёт тушек
зайцы размножаются бесконечно, но не более 25 штук на поле
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <style type="text/css">
  body{
    background:  url(http://learn.javascript.ru/files/play/52/8a/528a0db7e024b.jpg) #008000;
    color: #FFFFFF;
    font-size: x-large;
  }
  </style>
</head>

<body>
<div id="ok">0</div>
<input  type="radio" name="boom" value="30" id="boom30"  checked="checked" ><label  for="boom30">30</label>
<input  type="radio" name="boom" value="100" id="boom100"><label  for="boom100">100</label>
<input  type="radio" name="boom" value="200" id="boom200"><label  for="boom200">200</label>
 <script>
var random = function (b) {
    return Math.ceil(Math.random() * b)
}, rabbitsArray = [],
    win = 0;

function unit() {
    for (var b = rabbitsArray.length; 25 > b; b++) {
        rabbitsArray[b] = [random(400), random(800)];
        var c = rabbitsArray[b];
        c.bunny = document.createElement("div");
        var a = c.bunny;
        a.style.width = "30px";
        a.style.height = "30px";
        a.style.backgroundImage = "url('http://learn.javascript.ru/files/play/52/8a/528a0db80b9f9.gif')";
        a.style.backgroundPosition = "center center";
        a.style.backgroundRepeat = "no-repeat";
        a.style.position = "absolute";
        a.style.top = c[0] + "px";
        a.style.left = c[1] + "px";
        document.body.appendChild(a)
    }
}
unit();

function bum(b) {
    var boom = document.querySelector(':checked').value;
    for (var c = rabbitsArray.length - 1, a; a = rabbitsArray[c]; c--) {
        var d = Math.pow(a[0] - (b[0] - 15), 2) + Math.pow(a[1] - (b[1] - 15), 2),
            d = Math.sqrt(d);
        boom > d && (win++, document.getElementById("ok").innerHTML = win, a.bunny.style.border = "#FF0000 1px solid", a = rabbitsArray.splice(c, 1), window.setTimeout(function (a) {
            return function () {
                document.body.removeChild(a)
            }
        }(a[0].bunny), 500))
    }
    unit()
}
document.onclick = function (b) {
    b = b || event;
    bum([b.clientY, b.clientX])
};
 </script>
</body>

</html>

Последний раз редактировалось рони, 29.11.2013 в 02:23.
Ответить с цитированием