Our Game

by yanabukina2001

HTML

<script src="https://braincomputer.io/development/assets/js/notifyObject-1.0.0.js"></script>
<script src="https://braincomputer.io/development/assets/js/neuroplay-1.0.0.js"></script>
<html>

  <head>
    <title>Программа</title>
  </head>

  <body>
    <div id="points"></div>
    <div id="time"></div>
    <div id="results">Прошлые результаты
      <table>
        <tr>
          <td>1.</td>
          <td id="first"> - </td>
        </tr>
        <tr>
          <td>2.</td>
          <td id="second"> - </td>
        </tr>
        <tr>
          <td>3.</td>
          <td id="third"> - </td>
        </tr>
        <tr>
          <td>4.</td>
          <td id="fourth"> - </td>
        </tr>
        <tr>
          <td>5.</td>
          <td id="fifth"> - </td>
        </tr>
      </table>
    </div>

    <div id="endBoard">
      Вы набрали
      <div id="how">
      </div>
      <p>
        <td><input type="button" id="again" value="Заново"></td>
      </p>
    </div>
    <div id="menu">
      <div>
        Сколько играем (cек)?
      </div>
      <div><input type="text" id="seconds" value=""></div>
      <p align=center>
        <input type="button" class="play" value="Начать">
      </p>
    </div>
    <div id="sky"></div>
    <div id="sunsetSky"></div>
    <div id="nightSky"></div>
    <div id="grass"></div>
    <div id="nightGrass"></div>
    <div id="sun">
      <div id="sunsetSun"></div>
    </div>

  </body>

</html>

CSS

#sky {
  position: absolute;
  height: 60%;
  width: 100%;
  background: #004cf2;
  background: -moz-linear-gradient(top, #004cf2 0%, #00b7ea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004cf2), color-stop(100%, #00b7ea));
  background: -webkit-linear-gradient(top, #004cf2 0%, #00b7ea 100%);
  background: -o-linear-gradient(top, #004cf2 0%, #00b7ea 100%);
  background: -ms-linear-gradient(top, #004cf2 0%, #00b7ea 100%);
  background: linear-gradient(top, #004cf2 0%, #00b7ea 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#004cf2', endColorstr='#00b7ea', GradientType=0);
  z-index: 1;
}

#sunsetSky {
  position: absolute;
  height: 60%;
  width: 100%;
  background: #1a4182;
  background: -moz-linear-gradient(top, #1a4182 0%, #ef6d56 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a4182), color-stop(100%, #ef6d56));
  background: -webkit-linear-gradient(top, #1a4182 0%, #ef6d56 100%);
  background: -o-linear-gradient(top, #1a4182 0%, #ef6d56 100%);
  background: -ms-linear-gradient(top, #1a4182 0%, #ef6d56 100%);
  background: linear-gradient(top, #1a4182 0%, #ef6d56 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#1a4182', endColorstr='#ef6d56', GradientType=0);
  opacity: 0;
  z-index: 2;
}

#nightSky {
  position: absolute;
  height: 60%;
  width: 100%;
  background: #060a21;
  background: -moz-linear-gradient(top, #060a21 0%, #0a1638 80%, #181f59 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #060a21), color-stop(80%, #0a1638), color-stop(100%, #181f59));
  background: -webkit-linear-gradient(top, #060a21 0%, #0a1638 80%, #181f59 100%);
  background: -o-linear-gradient(top, #060a21 0%, #0a1638 80%, #181f59 100%);
  background: -ms-linear-gradient(top, #060a21 0%, #0a1638 80%, #181f59 100%);
  background: linear-gradient(top, #060a21 0%, #0a1638 80%, #181f59 100%);
  filter:...

JavaScript

var neuroplay = null;

var score = 0;
var game = false,
  done = false;
var sec = 0;
var textForms = ["очко", "очка", "очков"];
var startTop = $("#sun").offset().top + 50;
var result = [];
var resPos = ["NaN", "#first", "#second", "#third", "#fourth", "#fifth"];
var count = 1; // В какой раз запускается игра (используется при заполнении таблицы результатов)

var countStars = 20 + Math.random() * 100;
addStars(countStars); //добавляем 20 - 100 звезд

// Игрок нажал кнопку "Начать"
$(".play").click(function() {
  game = true; // Игра начинается
  opacityChange("#time", 1);
  opacityChange("#points", 1);
  opacityChange("#results", 0);
  sec = $("#seconds").val();
  $("#seconds").val('');
  $("#time").text("Времени осталось: " + sec);
  // Запускаем таймер
  var _Seconds = sec;
  int = setInterval(function() {
    if (_Seconds > 0) {
      _Seconds -= 1;
      $('#time').text("Времени осталось: " + _Seconds);
    } else {
      clearInterval(int);
      game = false;
      done = true; // Игра завершается
    }
  }, 1000);
  $("#menu").animate({
    opacity: 0
  }, "linear");
})


function move(obj, conc, direction, sunTop) {
  //Передвигает obj в направлении direction (вверх или вниз)
  var normValue = 600;
  var speed = conc / normValue;
  var delta = direction + speed.toString() + "px";
  $(obj).css({
    top: delta
  });

  // Изменяем окружение в зависимости от высоты солнца 

  // Высота солнца в небе (%)
  var sunPos = parseInt(sunTop) / (parseInt($("#sunsetSky").css('height')) / 100);
  // Высота на экране (%)
  var sunAbsolutePosition = parseInt(sunTop) / ($(window).height() / 100);
  // Настраиваем прозрачность, учитывая полученные параметры
  $("#sunsetSky").css('opacity', (Math.floor(sunPos) / 100));
  $("#sunsetSun").css('opacity', (Math.floor(sunPos) / 100));
  $("#nightGrass").css('opacity', (Math.floor(sunPos) / 100));

  // Если солнце на высоте выше 40% относительно верхней части экрана 
  if (sunAbsolutePosition >= 40) {
    // Высота, на которой...