В этом курсе вы узнаете, как создать веб-игру с использованием Phaser 3, которая является игровым движком. Вы также узнаете, как рисовать карту с помощью редактора карт, реализации игрока, заставить игрока двигаться, применяя физику, столкновения и реализацию врагов. Вы можете просмотреть игру здесь.
Что такое Phaser?
Phaser - это веселая, бесплатная и быстрый 2D-игр фреймворк для создания HTML5-игр для настольных и мобильных веб-браузеров, поддерживающих рендеринг Canvas и WebGL. Phaser 3 - это новая версия серии Phaser Game Framework. Он включает в себя совершенно новый пользовательский рендерер WebGL, разработанный специально для нужд современных 2D-игр. Phaser обеспечивает молниеносный рендеринг на рабочем столе и на мобильном устройстве.
Зачем использовать Phaser?
Phaser - один из лучших игровых движков для Интернета, использующий Javascript. Это бесплатный фреймворк, который позволяет вам рендерить вашу игру на разных платформах. Сообщество все еще растет, документация действительно хорошо объяснена, и на их лабораторной странице есть множество примеров, которые помогут вам создать свою игру. Phaser мощный и простой в использовании, если вы хотите начать свою собственную игру.
Скачать
Чтобы следовать этому руководству, вам нужен редактор кода на ваш выбор. В этом курсе мы используем Visual Studio code. Вам также понадобится шаблон проекта Phaser 3, игровые ресурсы и Tiled. Вы можете скачать окончательный проект, который поможет вам сравнить с вашим собственным прогрессом.
Посмотреть больше
Урок 1.00:10:59
Introduction to Phaser
Урок 2.00:15:13
Tiled
Урок 3.00:13:19
Map
Урок 4.00:24:51
Player
Урок 5.00:10:25
Collision
Урок 6.00:25:41
Enemies
Автор - designcode.io
designcode.io
Пройдите курсы о лучших инструментах и системах проектирования. Прототипируйте и создавайте приложения с помощью React и Swift. 60 часов видеоконтента и ресурсных материалов.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
С момента запуска Design + Code 3 нам нужен был способ визуализировать все новые данные, которые мы получали. Мы решили вместе с Vue разработать красивую пользовательскую панель администратора. В этом курсе вы научитесь создавать анимированные компоненты, темный режим, систему входа в систему и визуализацию данных.
React Native - это популярная среда Javascript, основанная на React с использованием собственных компонентов для создания реального мобильного приложения, неотличимого от приложения, созданного с помощью Xcode или Android Studio. Основное отличие от нативной разработки заключается в том, что вы можете использовать CSS, горячую перезагрузку, Javascript и другие знакомые технологии, которые выросли в Сети за последние десятилетия. Самое главное, вы
React - самый популярный фреймворк JavaScript. Он основан на компонентах, аналогично тому, как вы используете Компоненты в Figma, чтобы эффективно использовать элементы. Это, в свою очередь, позволяет улучшить сотрудничество между товарищами по команде. С помощью этого курса вы научитесь создавать и анимировать свой сайт с нуля. Создавайте настраиваемые компоненты для вашей системы проектирования.
