Blog Posts

Видеокурс — Как написать змейку на JavaScript

Как написать HTML5 игру Змейка на JavaScript

Видеокурс по разработке змейки на чистом JavaScript и Canvas. Список уроков: подготовка вывод изображения на canvas прелоадер для спрайтов генерируем игровое поле создаем и рисуем змейку как управлять размерами канваса подгоняем размеры игры по высоте заполняем канвас по ширине браузера движение змейки отслеживание событий нажатия клавиш изменение направления отрисовка яблока генерация яблока в случайной ячейке поглощение яблока отрисовка головы змейки вращение спрайтов на канвасе вывод бомб на поле завершение игры прелоадер звуков воспроизведение звуков рендеринг текста использование собственных шрифтов Данный

Continue Reading

Как написать HTML5 игру Змейка на JavaScript. Урок 2 — вывод изображения на canvas

Как написать HTML5 игру Змейка на JavaScript

Добро пожаловать на второй урок нашего курса! На этом уроке мы устанавливаем фоновое изображение нашей игры. 1. Подготовка В этом курсе мы не будем использовать ES6 классы, но тем не менее синтаксис ES6 будем стараться применять там, где это возможно. А также мы будем практиковать объектно-ориентированный подход и использовать классические JS объекты, создаваемые через литерал. Для начала нам потребуется один главный глобальный объект: let game = {}; Внутри этого объекта мы будем реализовывать всю игровую логику. В первую очередь от

Continue Reading

Как написать HTML5 игру Змейка на JavaScript. Урок 1 — подготовка

Как написать HTML5 игру Змейка на JavaScript

Добро пожаловать на курс по разработке html5 змейки! В этом вступительном видео уроке мы познакомимся со структурой проекта, разберем какой функционал планируется разработать и узнаем, чему вообще мы научимся в ходе этого курса: Темы курса: загрузка вывод спрайтов на канвас как разработать прелоадер ассетов вращение изображений на канвасе адаптация размеров игры под разные разрешения экрана загрузка и проигрывание звуков объектно-ориентированный подход к разработке

Видеокурс — Как написать арканоид на JavaScript

Видеокурс по разработке простого арканоида на JavaScript. Мы напишем весь код на чистом JavaScript с использованием HTML5 canvas без использования сторонних библиотек. В ходе обучения разбираем следующие темы: основы работы с HTML5 canvas загрузка, отрисовка и движение спрайтов обработка столкновений запуск покадровой анимация из spritesheet воспроизведение звуков Полученные знания станут отправной точкой к дальнейшему более глубокому практическому применению языка JavaScript и разработки игр на нем. Будет полезно пройти этот курс до начала изучения вашего первого HTML5-фреймворка для создания игр. Возможности

Continue Reading

Как сжать несколько значений в одно чтобы сохранить в одном поле таблицы

I. Нормализованная структура. Представим, что в нашем проекте игроку доступны для покупки разные предметы, например, броня. Все предметы уникальны. Заранее неизвестно конечное число вещей, т.к. есть вероятность их добавления в игру с течением времени. Вариант 1. Представим, что в нашей игре есть следующие предметы: шлем корпус броня для ног броня для рук У одного игрока может быть не более одного предмета каждого типа, т.е. предмет либо есть и надет, либо предмета нет. В обычной ситуации мы создаем таблицу users_items с

Continue Reading

Как создать мету для мобильной игры

Ваша кор-механика может ничем не отличаться от аналогов, но вы в силах привнести уникальность в свою игру за счет проектирования увлекательной мета-части. Снова возьмем match3 и подумаем, какую мету мы можем прикрутить к базовой механике? Частично это зависит от того сеттинга, в котором вы делаете игру, но не настолько сильно, чтобы сеттинг полностью определял мету. Допустим, мы делаем match3 про кофейню. Тогда в мете логично развивать кафе, покупая новое оборудование, улучшая уже установленное и расширять кафе, принимая в него больше

Continue Reading

Прототип SteelWar — пошаговые бои мехов

Прототип SteelWar — Стальная Война. Первую свою игру о боях мехов я начал делать еще в виде текстовой wap-версии. В том проекте, как и полагается текстовым wap-играм, была реализована подробная мета с разнообразной прокачкой робота. Но разработка, как обычно это бывает, сильно затянулась. В итоге со временем я переключил фокус на html5 направление и в качестве своей первой работы для ознакомления с фреймворком phaser, который я использую и по сей день, решил адаптировать свою старую игру в html5 версию. Разумеется,

Continue Reading

Как разнообразить геймплей и выделить свою игру

Создавая новые игры важно придумывать оригинальные игровые механики. Как на основной работе, так и в своих инди-проектах я сосредоточен на разработке простых мобильных игр, поэтому буду говорить о своем опыте именно в этом сегменте. На мой взгляд, чем проще механика, тем игра элегантней. Разумеется, это при условии, что механика является рабочей. Но если суть механики проста, это не значит, что ее просто придумать. А когда удалось придумать, часто это всего лишь 20% всей работы по проектированию концепции игры, т.к. еще

Continue Reading

Релиз HyperDiver

Представляю вам свою игру HyperDiver. Это игра жанра dungeon crawler в стиле сапера с ролевым элементами (сбор лута и прокачка корабля). Сейчас игра доступна в Google Play, Вконтакте, а также на нескольких тематических порталах. Игра разработана на html5 на фреймворке phaser. Для игры написана серверная часть на PHP в виде REST API (лидерборды, рейтинги, регистрация, авторизация).
Continue Reading

Site Footer