Публикации по теме 'pixijs'


Как заставить Jest работать с PixiJS в приложении Create React
Недавно у меня возникла проблема с успешным запуском тестов после того, как я добавил PixiJS в свое приложение React. Немного погуглив, я понял, что многие решения устарели или просто не подходят для моей локальной установки. В некоторых сообщениях задавался вопрос « что это за таинственный файл setupTests.js? » без ответа. Для создания сцены я использовал Create React App в VS Code и встроенный JEST . Наконец-то я нашел решение. Вот что я сделал, чтобы заставить это..
Начало работы с мгновенными играми Facebook и PixiJS v5
Если вы когда-нибудь задумывались, как правильно настроить проект Facebook Instant Game с помощью PixiJS, эта статья может быть вам весьма полезна! Поскольку у меня есть еще статьи о PixiJS, я решил взять существующее репо у одного из них и просто интегрировать в него библиотеку Facebook Instant Games lib. Источники также используют настройки из Статьи о настройке PixiJS v5 , но не обязательно углубляться в это, чтобы понять тему. Также просмотрите репозиторий для текущей..
Реагируйте с PixiJS
Они хорошо играют? Мой небольшой побочный проект сегодня заключался в создании простой игры на Javascript, вдохновленной старым патентом на пылесос для луговых собачек : Создание игры позволило мне изучить причудливые взаимодействия и UX-анимацию, которую я обычно не могу реализовать в приложениях B2B, которые я создаю на работе. Вот демонстрационное видео с результатами: Я создал это с помощью React 16 и PixiJS 4 с помощью пакета react-pixi-fiber , который позволяет писать..
Растровое изображение в шахматном изометрическом виде с наклонами вредит моему мозгу.
Мне потребовалось 4 недели, чтобы заставить меня сесть и поработать над этим. Я знал, что это навредит моему мозгу, потому что нужно было решить множество проблем. Как создать битмап, где хранить цвет высоты. Как выглядит массив склонов. Как кодировать наклоны. Это никуда не денется. Попытка сделать это с помощью тяжелых размышлений не даст результата. Преобразование 2d в 2.5d не укладывается в голове. Что я мог сделать, так это поднять каждый угол один за другим...
Увеличьте масштаб визуализации графика D3
WebGL и Canvas с PIXI.js Вы используете D3 для визуализации данных и рассматриваете, или уже используете его еще и для визуализации графиков? Имейте в виду, что D3 использует SVG для рендеринга. Хотя работать с API для рисования 2D-графики в Интернете проще всего, его недостатком является то, что браузер сохраняет все дерево DOM векторных элементов в памяти, даже для элементов, которые фактически невидимы. Вы можете столкнуться с падением производительности со сложной графикой,..
Игра, которую любой веб-разработчик может создать за считанные минуты с помощью PixiJS
Нет, это не будет Animal Crossing или Cyberpunk 2077. Но все мы должны с чего-то начинать, верно? Мы создадим действительно простую игру с уклонением от врагов в HTML5 с помощью PixiJS, и мы сможем сделать это довольно быстро (средний уровень предполагает 6 минут чтения, так что давайте скажем 10 минут!). Выглядит это так: Живая демонстрация: https://www.undeveloped.games/game0a.html Преимущества построения игр Игры бывают разных жанров, и чаще всего игры очень интерактивны, и..
Как настроить проект PixiJS v5 с помощью NPM и Webpack
Как мы все знаем, новый PixiJS v5 уже здесь, и я решил поделиться с вами своей настройкой с использованием NPM, Webpack и расходных компонентов PixiJS. Это не для очень новичков, и я не буду объяснять каждую мелочь, а просто представлю себе очень легкую конфигурацию. Надеюсь, кто-нибудь сэкономит время на этой статье и узнает что-то новое! Что в нем самое лучшее? Обычно, даже если мои проекты большие, все равно они довольно простые, и я даже не использую многие функции из пакета..