Pixi.js performace tweaks.
Hey, I'm making mobile game called EPIC IDLE RPG. Its over year and half of making it solo. Lately I hit performance(20-25fps) issues on 1920x1080. I started thinking about moving game logic into web...
View ArticlePixi.Text() only as Texture-provider?
Hi all! I have to deal with lots of non-changing text objects. My idea is to use Pixi.Text as a provider for a texture and create a Pixi.Sprite from it. Like so: const txt = new Text(text, style);...
View Articlehow to use graphics as inverse mask?
Hi, I am trying to get a graphics mask to behave as inverse mask. I know I can convert a graphics mask to a sprite mask, with generatetexture and use alpha masking, but that conversion process is too...
View ArticleCan't figure out how to move sprite A on top of sprite B
I'm really struggling with getting one sprite to sit on top of another sprite. Each sprite is in a separate container. I've read I'm supposed to use toLocal and toGlobal methods but I can't find any...
View Articlehow to run filter one time?
Hi, I think when i set a filter on a sprite, it runs every frame? What if I only need to run the filter one time for performance purposes? How do I run a filter only once and get an output from it? I...
View ArticleBlendmode container
Hi guys, I have a sprite at the bottom, and above that is a container which include some image & graphics. How can I set blend mode multiply for whole container?
View ArticleClik here to view.
Graphics: transparent lines with bezier curves have overlapping area at join
When two lines (with alpha = 0.2 or something <1) are thick, and close together, with a bezier curve connecting them, and you try to join them, the behavior will be strange but understandable (see...
View ArticleClik here to view.
WebGL Context loss when using PIXI RenderTextures for split screen
Hello 👋! I am experimenting with making a split screen multiplayer game, using a game engine backed by PIXI, GDevelop. To do so, I'm moving the "camera" (the root Container's position) to center each...
View ArticleClik here to view.
Multiple rectangles with resize controllers
Hi, I started playing around with PIXI.js and I want to create a simple Rectangle with controllers on the corners. After a mouse click on the rectangle it changes the color to orange and 4 of the...
View ArticleI need help building a responsive pixi js game
Hi all, I am need of some help. I am in the process of building a game using pixi js. It is meant to be an open world game. I need to achieve something like this on desktop and then for it to be...
View ArticleClik here to view.
WebGL flickering on Samsung s21 Android 12
Hi all! I hope you are fine! We are experiencing a strange graphics issue using the Samsung s21 with Android 12 (even chrome, firefox, etc.). We have several games developed using the awesome Pixi.JS...
View Articleblack instead transparent background
Hello, sorry guys for probably the lama question, but how to set a transparent background? Please take a look at animation here: http://trinoo.cz/lair/ I have set red background color for HTML body in...
View ArticlePIXI v5 filter coordinates
Docs say vTextureCoord is normalized, but from this test: https://www.pixiplayground.com/#/edit/B_78Cz1F04QZZOZ_e0swU it doesn't seem so. Am I missing something? I remember in v4 there was a...
View ArticleClik here to view.
Do a color picker when a rotating sprite change dinamicaly stage dimensions
Hello, i'm trying to do a color picker with pixijs v6.2.0 It's work almost, but i have a problem when i have a rotating sprite on the ledge of the stage, because that change dinamicaly the width and...
View ArticleIntegrate Pixi with React
Hello. I've written an app with html+js+pixi. In index.html I have a canvas container and i append pixi app view to it. All scene settings and app logic are in main.js. In main I have functions like...
View ArticleClik here to view.
repeat a background in pixi.js
I have this canvas, I want to repeat this texture down till the end of the canvas, how do I do that? here is my code: let middle = new PIXI.Sprite( PIXI.Loader.shared.resources[ folder +...
View ArticleClik here to view.
Layers performance on old mobile device
For the past couple of days I was trying to figure out why we are getting really low FPS on old Samsung Galaxy Tab A (2015). It seems that the issue we have is within layers, because as soon as we set...
View ArticleClik here to view.
map using tileset in pixi.js
I have this tileset, how do I make a map using it and PIXI.JS?
View ArticleClik here to view.
PIXI game looks blurry on mobile devices
I can't get Pixi game look crispy on mobile devices. Whenever window.devicePixelRatio is greater than 1, no matter what I do game doesn't look as crispy as it looks when window.devicePixelRatio equals...
View ArticleClik here to view.
PixiJS filters not working correctly
Hello everybody! I'm making a little game using pixi.js, and I want to use the `OldFilmFilter`. This is how I use it: const img = Sprite.from("..."); img.filters = [new OldFilmFilter()]; but, for...
View Article