Анимация. Организация виртуального мира аркадной игры.

Отработать коллизию пуль с шариками. Убирать все шарики при столкновении.

Пули при столкновении оставлять и продолжать их движение.

Сделать автоматическое появление новых шариков со случайной координатой x и двигать их сверху вниз.

Отработать колизию шариков с пушкой и завершить игру.

Считать количество сбитых шаров.

start page

ссылка на репозиторий

Задача: перемещать внутренний блок относительного внешнего по горизонтали бесконечно взад-вперед.

Определим 2 блока на странице.

Стили.

Определим бесконечный таймер.

<div class="out">
  <div class="in" id="ball">

  </div>
</div>
.out {
    width: 200px;
    height: 200px;
    position: relative;
    border: 1px solid silver;
}

.in {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: red;
    position: absolute;
}
start page
Потратить 2 кредита и начать обучение!
Задать вопрос, прокомментировать.