Gamedev + HTML

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

Для начала переходим в папку с нашим проектом:

и запустим наш проект:

после запуска вы должны увидеть:

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

Добавляем новые ресурсы

В файле index.ts находим блок кода:

и заменяем его на:

в данном коде мы в качестве базового пути указали http://labs.phaser.io здесь размещаются ресурсы которые используются для лабораторных работ.

Теперь давайте разберем что именно мы сделали:

- добавлено 3 новых изображения в наш проект;

- сделали вывод заднего фона на холст;

- добавлен обработчик который будет управлять физикой выбранного нами объекта;

- указали скорость перемещения объекта;

- задали параметры "отскакивания объекта";

- задали границы поля;

Если вы все сделали правильно то в браузере должны увидеть:

Если это не по какой-либо причине, вам нужно вызвать консоль отладки и посмотреть, какие ошибки выводятся. В большинстве браузеров вы можете сделать это, нажав F12. Это работает в Chrome, Firefox и Internet Explorer 11. Проверьте, что это за ошибка, возможно, она простая, например, отсутствует файл, и в этом случае проверьте имена папок и обновите страницу.

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

Для начала переходим в папку с нашим проектом:

и запустим наш проект:

после запуска вы должны увидеть:

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

Добавляем новые ресурсы

В файле index.ts находим блок кода:

и заменяем его на:

в данном коде мы в качестве базового пути указали http://labs.phaser.io здесь размещаются ресурсы которые используются для лабораторных работ.

Теперь давайте разберем что именно мы сделали:

- добавлено 3 новых изображения в наш проект;

- сделали вывод заднего фона на холст;

- добавлен обработчик который будет управлять физикой выбранного нами объекта;

- указали скорость перемещения объекта;

- задали параметры "отскакивания объекта";

- задали границы поля;

Если вы все сделали правильно то в браузере должны увидеть:

Если это не по какой-либо причине, вам нужно вызвать консоль отладки и посмотреть, какие ошибки выводятся. В большинстве браузеров вы можете сделать это, нажав F12. Это работает в Chrome, Firefox и Internet Explorer 11. Проверьте, что это за ошибка, возможно, она простая, например, отсутствует файл, и в этом случае проверьте имена папок и обновите страницу.

Если это что-то более сложное, напишите об этом в комменты, и я сделаю все возможное, чтобы помочь.

Всем привет!

Пока разработка RPG по расширению английского словарного запаса  идет полным ходом, но показывать особо нечего, хочется сразу бету выпустить.

Этот пост по игре:

https://pikabu.ru/story/kak_rasshirit_slovarnyiy_zapas_po_an... ,

А вот это ссылка на рабочую демку, она совсем небольшая правда:

https://webvkube.ru/?page=play&game=wordlock

Я решил поделиться с вами частью курса по разработке игр с нуля, писал его раньше, но потом решил сначала игру выпустить, Курс бесплатный, только еще не полностью готов.

Суть в том, чтобы показать, как новичку можно написать свой платформер или rpg за несколько недель  с нуля, если он раньше вообще не имел дело с программированием и не расположен к этому. Некий легкий старт!

Сразу предупреждаю, что курс авторский, еще в разработке, это  со всеми вытекающими, воспринимайте его отчасти, как художественное произведение :) Приятного просмотра!

Ссылки на исходники для заданий в описании к каждому видео.

Группа проекта, если интересно, что будет дальше, обязательно зарегистрируйтесь, новости там выходят раньше: https://vk.com/webvkube

PS: Некоторые уроки я перепишу, на более простую версию.

Всем привет, я занимаюсь разработкой мобильных и web приложений ( в том числе и игр ) уже долгое время.

За последние несколько лет работы с WebGl ( технология отображения 3d в браузере ) накопилось знания на целый курс, которым я бы хотел поделиться с вами.

Крутость технологии в том, что она может выдать практически консольное качество графики прямо на странице сайта или соц. сетей. А HTML5 это самый доступный язык для новичков!

В связи с этим планирую ежедневно выкладывать здесь каждую новую часть курса. На протяжение всего времени мы с вами создадим три проекта:

- простой платформер (на чистом HTML5),

- небольшую rpg с генерацией уровней (уже используется 3d),

- локацию полноценной игры, со всеми элементами (инвентарь, несколько квестов, NPC, окружение и т. д.).

Стоит отметить, что первый проект рассчитан на новичков, которые до этого момента и понятия не имели , что будут заниматься разработкой игр. Именно для них мы начнем с самых основ:

- Общие вопросы связанные с разработкой игр.

- структуры языка HTML5 (HTML, CSS, JS, THREEJS),

- решения элементарных задач, применительно к платформеру - это загрузка уровня, перемещение, гравитация, столкновение со статическими объектами, противниками, предметами и т. д. И все это мы разберем с нуля, без движков и плагинов.

Если вам интересная тема создания игр для web или технология отображения 3d в браузере, поддержите пожалуйста пост. Комментарий для минусов ниже.

Вечером выложу первую часть (каждая по 5 - 15 минут).