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


Tankblade — Первый игровой джем!
«Вурдалаки! Чертовы гули повсюду, просто мне повезло! Что ж, лучше всего я запрыгну в этот крутящийся верх, инкрустированный лезвиями танк и начну хлестать». ИГРАТЬ В ИГРУ! Источник Развитие Эта игра была создана полностью мной с нуля для LOWREZJAM 2019 за неделю, включая всю музыку, физику, графику* и т. д., и полностью с открытым исходным кодом! Это моя самая первая заявка на Game Jam, и это была блестящая задача — создать игру с истинным разрешением 64x64 — заставить..
Разработка сетевых телевизионных игр
Задача: много платформ и много игр… Нас часто спрашивают, какие технологии мы используем для разработки мультиплатформенных игр Connected TV для: Smart TV (Samsung Tizen и Orsay, LG webOS и NetCast, Hisense, VESTEL, Vizio, Panasonic, NetRange, Foxxum, Chromecast и т. д.) IPTV/кабельные приставки (Arris, Albis и др.) Несколько версий стандарта HbbTV Учитывая количество поддерживаемых нами платформ и игр, мы определили четыре принципа , которых придерживаемся. Мы обнаруживали и..
Hangman — сделано с помощью PixiJS и Effector (часть 2).
В первой части мы обсудили настройку проекта и углубились в управление состоянием приложения с помощью Effector. В этой части мы сосредоточимся на PixiJS. Первое, что нужно, это приложение Pixi, где все будет отображаться, следующий блок кода показывает, как это делается. Это создаст наше приложение Pixi, для нашей игры это не так уж много, мы устанавливаем antialias , чтобы избежать артефактов рендеринга, которые могут появляться в некоторых браузерах. width и height..
Написание высокопроизводительного кода React-Pixi
В KgBase мы недавно переписали пользовательский интерфейс графа, чтобы использовать WebGL вместо SVG. Нашей целью было: Повышение производительности и возможность визуализации 1000 узлов. Если возможно, продолжайте использовать React. Мы хотим быстро внедрять новые функции, а React позволяет быстрее создавать прототипы. Очень распространенным инструментом для рендеринга содержимого WebGL является Pixi.js . Обычно он используется для создания простых игр, но очень хорошо..
Руководство по распространенным проблемам при экспорте проекта pixi.js с помощью Google Closure Compiler
Представьте, новые возможности вашего игрового проекта готовы, протестированы и работают как положено, радуги и кавайные единороги наводняют ваше воображение, а улыбка расползается от щеки к щеке. Но… подождите, вдруг вы понимаете, что только что протестировали сборку для разработки, вы не тестировали производственную сборку, где Google Closure Compiler делает все свое волшебство, минимизируя, запутывая код и вызывая сбой некоторых вещей, которые отлично работают в сборке для разработки...
PixiJS с React
PixiJS с React В этой статье мы увидим, как интегрировать PixiJS с ReactJS. Здесь мы не будем говорить о производительности и сопровождении кода. Я предполагаю, что вы знакомы с основами ReactJS (компонент, свойства, состояние) и PixiJS (спрайт, лист спрайтов, сцена). Добавление зависимости PixiJS мы должны добавить «pixi.js»: «4.5.1» в ваш package.json, пример списка зависимостей приведен ниже. "dependencies": { ... "pixi.js": "4.5.1",..
Как создать шейдер с матричным эффектом с помощью GLSL
Вступление Пока мы готовим статью о серверной стороне Graffiti, давайте рассмотрим другую тему: в нашем новом пошаговом руководстве мы показываем реализацию матричного эффекта с использованием GLSL. В Clash of Coins матрица используется как индикатор захвата определенной территории, как вы можете видеть ниже. Мы также будем использовать PIXI.js, чтобы упростить рендеринг, чтобы мы могли сосредоточиться на самой важной части - написании шейдера. Чтобы следовать этой статье, вы..