Началось все с небольших уроков на тему того, как сделать игровой цикл, как организовать отрисовку, как заставить работать клавиатуру и т.д. И на фоне этих небольших уроков пришла мысль сделать полноценную (почти) игру, так же, с нуля.
Желание воплотилось в виде 7 уроков, которые я бы и хотел представить ниже.


Урок первый. Игровой цикл, клавиатура.
Смотреть 27 минут



Урок второй. Объект игрока. Главный персонаж.
Смотреть 7 минут



Урок третий. Нам что-то нужно уничтожить!
Смотреть 22 минуты



Урок четвертый. Движение шара, уничтожение объектов, столкновения.
Смотреть 33 минуты



Урок пятый. Карта уровня, окружение.
Смотреть 14 минут



Урок шестой. Проигрыш. Очки.
Смотреть 24 минуты



Урок седьмой. Итоги работы.
Смотреть 14 минут



image
image

Такой вот получился курс о том, как создать арканоид на JavaScript. Если есть какие-то вопросы — прошу в комментарии =)

UPD: Скачать архив с результатом работы: Arkanoid.zip
Первая ссылка работает.
UPD 2: Первая ссылка умерла… Скачать теперь тут: Arkanoid.zip
Поделиться с друзьями
-->

Комментарии (13)


  1. artishok
    08.06.2016 08:57
    -2

    КонкуСР

    7 видео


    1. shpaker
      08.06.2016 09:28
      -1

      Тсс паринь. Расскажу тебе по секрету, что опечатки принято писать в ЛС.


  1. shpaker
    08.06.2016 09:26
    +5

    Как человек без нормального источника интернета, я требую чтобы в статью занесли скриншот!


    1. Tihon_V
      08.06.2016 10:19
      +1

      Ссылки на gist/pastebin/GitHub/etc не хватает ;)


      1. Bellicus
        08.06.2016 11:54
        +2

        Как не странно, нет. Не хватает. Где она в статье то?


  1. Per_Ardua
    08.06.2016 10:50

    И можно ли приписать время для удобства? Не очень удобно тыкать по каждому видео, чтобы узнать, сколько займет это всё времени.


  1. Arkafon
    08.06.2016 12:00
    +1

    Было бы круто увидеть в статье ссылку на код на github.


  1. YemSalat
    08.06.2016 12:00
    +3

    Может быть стоит выложить код из уроков на гитхаб?
    Демо игры тоже бы не помешало…


  1. Fen1kz
    08.06.2016 15:48
    +2

    Жаль что видео, текст я бы почитал, а вот видео под свою скорость понимания адаптировать сложнее


  1. instigator21
    09.06.2016 12:01
    +1

    Теперь наоборот, вторая ссылка не работает, первая работает.
    Но на gitHub/BitBucket было бы намного удобнее


  1. AkiraYamaoka
    09.06.2016 12:47

    Вторая ссылка тоже уже мертва.


  1. bolnikh
    16.06.2016 21:14
    +1

    В первом видео есть ссылки на другие уроки, основы. Было бы здорово получить эти ссылки.


    1. Skaner
      17.06.2016 06:39

      Первая ссылка: http://www.youtube.com/watch?v=iDi4PvmVzc8
      Вторая ссылка: http://www.youtube.com/watch?v=iGCMkmnm89M
      Третья ссылка: http://www.youtube.com/watch?v=9-SkcWBi184