Началось все с небольших уроков на тему того, как сделать игровой цикл, как организовать отрисовку, как заставить работать клавиатуру и т.д. И на фоне этих небольших уроков пришла мысль сделать полноценную (почти) игру, так же, с нуля.
Желание воплотилось в виде 7 уроков, которые я бы и хотел представить ниже.
Урок первый. Игровой цикл, клавиатура.
Урок второй. Объект игрока. Главный персонаж.
Урок третий. Нам что-то нужно уничтожить!
Урок четвертый. Движение шара, уничтожение объектов, столкновения.
Урок пятый. Карта уровня, окружение.
Урок шестой. Проигрыш. Очки.
Урок седьмой. Итоги работы.
Такой вот получился курс о том, как создать арканоид на JavaScript. Если есть какие-то вопросы — прошу в комментарии =)
UPD: Скачать архив с результатом работы: Arkanoid.zip
Первая ссылка работает.
UPD 2: Первая ссылка умерла… Скачать теперь тут: Arkanoid.zip
Желание воплотилось в виде 7 уроков, которые я бы и хотел представить ниже.
Урок первый. Игровой цикл, клавиатура.
Смотреть 27 минут
Урок второй. Объект игрока. Главный персонаж.
Смотреть 7 минут
Урок третий. Нам что-то нужно уничтожить!
Смотреть 22 минуты
Урок четвертый. Движение шара, уничтожение объектов, столкновения.
Смотреть 33 минуты
Урок пятый. Карта уровня, окружение.
Смотреть 14 минут
Урок шестой. Проигрыш. Очки.
Смотреть 24 минуты
Урок седьмой. Итоги работы.
Смотреть 14 минут
Такой вот получился курс о том, как создать арканоид на JavaScript. Если есть какие-то вопросы — прошу в комментарии =)
UPD: Скачать архив с результатом работы: Arkanoid.zip
Первая ссылка работает.
Поделиться с друзьями
Комментарии (13)
Per_Ardua
08.06.2016 10:50И можно ли приписать время для удобства? Не очень удобно тыкать по каждому видео, чтобы узнать, сколько займет это всё времени.
YemSalat
08.06.2016 12:00+3Может быть стоит выложить код из уроков на гитхаб?
Демо игры тоже бы не помешало…
Fen1kz
08.06.2016 15:48+2Жаль что видео, текст я бы почитал, а вот видео под свою скорость понимания адаптировать сложнее
instigator21
09.06.2016 12:01+1Теперь наоборот, вторая ссылка не работает, первая работает.
Но на gitHub/BitBucket было бы намного удобнее
bolnikh
16.06.2016 21:14+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
artishok
7 видео
shpaker
Тсс паринь. Расскажу тебе по секрету, что опечатки принято писать в ЛС.