How I can show loaded texture from WEBP file?
Hi! I have a problem with PIXI 5, I`m making a social game, and I need to load avatars. All file social network gives in WEBP format! How I can resolve this problem? Thank you.
View ArticlePixi.Text v5.1.1 doesn't work
Hi all I use Pixi 5.1.1 I wanna learn how to use BitmapFont, but I have some promlem with it. I use example from import desyrel from "./desyrel.xml"; /* other code */ app.loader...
View ArticleMedia slideshow
Hello all, Does anybody know if it is possible to detect when a video that is loaded has completed? Or even some basic detection and control (onComplete, onStart, play, stop). I am trying to create a...
View ArticleLong RAF execution behavior in Chrome devtools
I'm getting a lot of inconsistencies in fps due to requestAnimationFrame calls randomly taking a long time where it doesn't look like there is anything being called inside of it until the tail end of...
View ArticleSpritesheet without TexturePacker
I have this image which is just a set of cards. I know you can crop a texture by putting a Rectangle object in its frame property, but you can only do that for a single texture object. How can I have...
View ArticleBackground safe area scaling with window size
Hi guys, I need help with my game. I'm working on game/background resizing. Actually, I improved my game resize function studying this article...
View ArticlePoor Performance on Ultrabook vs. Phone
Hi all, I have been working on a game. It's unoptimized in many respects, but I noticed something truly strange about its performance: On my Pixel 2 phone, the performance is acceptable (30-60 fps),...
View ArticleKeeping track of every sprite position in a tiling sprite
I made a container containing a bunch of sprites. Then I made a single texture out of it and made a tiling sprite. Now my question is, is it possible to still keep track of the positions of the...
View ArticlePixi Text width doesn't include padding
Hi all I use Pixi text with padding in style, and I noticed one thing const textSample = new PIXI.Text("text", { fontFamily: 'Montserrat', fontSize: 50, padding: 50, fill: mainRed, });...
View ArticleClik here to view.
Pixi.js and Graphics
Hi How can I fix artifacts in Pixi Graphics, when I try to draw triangle? But when I try to draw text, it's ok and this is my App settings const app = new PIXI.Application({ width: 600,...
View ArticleBest practice for using layers
I'd like to write a bomberman-like game with lace.gg using pixi.js v5 as the rendering engine. I was wondering what the best practices are when it comes to layers. I assume it wouldn't make sense to...
View ArticleGraphics artifacts
I've recently started playing with Pixi so I'm probably doing something very wrong here, but I encountered an issue when I'm drawing circles with PIXI.Graphics. So what I attempted to do is to fill...
View ArticleAliasing artifacts using DisplacementFilter
I've written a small parser in javascript to read Photoshop Liquify meshes so I can apply liquify warps created in Photoshop to images dynamically in a browser. I first wrote a crappy implementation...
View ArticleClik here to view.
Can DisplacementFilter be implemented using the vertex shader?
PIXI's DisplacementFilter works by using a (mostly) default vertex shader and does the actual displacement work in the fragment shader. In the fragment shader, it reads the x & y displacements...
View ArticleMap Type Labels
Is there a library or helper currently available to show map style labels coming off one area without overlapping each other? Thank you
View ArticleUsing Matter.js for physics with Pixi.js
I'm looking to make a simple game using Pixi.js as a renderer and Matter.js for the physics. But I'm having a hard time wrapping my head around how to do that. Does anybody have some code or projects,...
View ArticleCopy Graphics content into another Graphics
Hi, is it possible to copy a Graphics content into another Graphics? I saw there is a clone method, but I don't want to create a new instance, I want to copy its contents into an existing Graphics....
View ArticlePIXI V5 Boilerplate - ES6 / Object Oriented
I'm looking for a good and modern starting point project that uses PIXIJS V5 and ES6 with Object Oriented Programming. I found this page: https://github.com/pixijs/pixi.js/wiki/v5-Boilerplate but all...
View ArticleDoes pixi.js call gl.drawArrays for each sprite in the scene?
I am trying to learn how to render 2d sprites using webgl. I use this to render a single quad: let positions = [ -1, 1, -1, -1, 1, -1, -1, 1, 1,-1, 1, 1 ];...
View ArticleUsing Pixi for procedural image drawing.
Hello! I'm writing a pixelArt game. 1) I'd like to use procedural image generation, i e using functions to create and modify images pixel by pixel on fly. Some examples: modifying images to create...
View Article