Публикации по теме 'phaserjs'
Движение персонажа с помощью Phaser
Перемещение персонажей в Phaser относительно просто по сравнению с использованием JQuery.
Вы можете поместить таблицу спрайтов в качестве ресурса, создать анимацию с активом таблицы спрайтов, а затем использовать ее для ходьбы персонажа.
function preload(){
//Load assets
game.load.image(‘sky’, ‘assets/sky.png’);
game.load.image(‘ground’, ‘assets/platform.png’);
game.load.image(‘star’, ‘assets/star.png’);
game.load.spritesheet(‘dude’ , ‘assets/dude.png’, 32, 48);
}..
Просмотр списка Phaser
Phaser ListView - мой первый проект с открытым исходным кодом, доступный для установки через npm. npm install phaser-list-view слишком просто!
Это в значительной степени iOS-подобный ListView для Phaser .
Текущие функции включают:
Простой в использовании API. iOS-подобный импульс и возврат в норму. Отличная производительность для длинных списков, так как любые объекты вне экрана не отображаются. Низкоуровневый скроллер, экспортированный для опытных пользователей...
Успешная интеграция Phaser 3 в ваше приложение React / Redux (часть 1)
Учебное пособие по созданию игры Phaser в вашем приложении React / Redux.
До работы с Phaser 3 все созданные мной приложения использовали React и Redux для управления интерфейсом. Когда я начал пытаться интегрировать игру Phaser 3 в одно из своих приложений, я нашел несколько полезных ресурсов. Я даже нашел статьи, в которых говорилось, что НЕ следует интегрировать React / Redux с Phaser. Но я был настроен. После долгих исследований, чтения документации и опробования ряда методов,..
Простая настройка проекта Phaser 3 с помощью Ionic
Пока мне не удалось найти обновленное руководство по настройке базового проекта Phaser 3 с использованием Ionic , которое также позволило бы мне создать его как мобильное приложение с помощью Cordova.
В этом посте кратко излагается несколько существующих руководств, найденных в Интернете.
Установить Ionic
Сначала мы установим Ionic как глобальный модуль Node.js:
> npm install -g ionic
После установки Ionic мы можем создать пустой проект. Когда вас спросят, какую..
Настройка Jest с помощью React и Phaser
После того, как мой Phaser настроил работу с React , я понял, что мне нужно хорошо разбираться в том, как мое веб-приложение будет расти, и реализовать среду тестирования.
Я выбрал Jest в качестве движка для тестирования, поскольку Jest кажется предпочтительным фреймворком для тестирования приложений React ( create-response-app поставляется вместе с ним ). Однако, несмотря на заявление на домашней странице о том, что для большинства проектов JavaScript не требуется конфигурирования, мне..
Создание клона Pong в Phaser.JS (часть 1)
Как недавний выпускник учебного курса по веб-разработке Lighthouse Labs, я сейчас работаю над тем, чтобы бросить себе вызов, приняв участие в Хакатонах Mintbean.io . Вы подписываетесь на еженедельное испытание, и каждую пятницу открывается новое испытание. Существуют ограничения, пользовательские истории и правила для подачи вашего проекта. На этой неделе стояла задача создать клон классической игры Pong!
Выбор двигателя
Первым делом нужно было выбрать подходящий движок для..
Создание движущегося персонажа с помощью фазера
Вот мой третий модуль во Flatiron и первый проект с использованием javascript. Моя команда решила сделать что-то забавное, поэтому возникла идея игры. Я пытаюсь сделать спрайты изображений для нашего персонажа.
Так что же такое спрайт изображения? Основанный на школе W3, спрайт изображения представляет собой набор изображений, объединенных в одно изображение. Веб-страница с большим количеством изображений может долго загружаться и генерировать запросы к серверу. Использование спрайтов..