React Fiber Renderer
I created a very early, very alpha React renderer for PIXI. There's some other projects out there but I wanted to start from scratch. You can get it at https://github.com/dakom/react-pixi-renderer...
View ArticleClik here to view.
an efficient way to have large grid background
new to pixi here So I needed simple background grid and i did it just by adding lines next to each other like this: for (var i=0; i<40; i++) { var vertical = new PIXI.Graphics()...
View ArticlePerformance issue with alpha transition off sprite
Hi everyone, first post here, but quite an active reader. I'm working with PIXI.js for about a year. Right now I have the issue that the framerate of my game drop drastically when I fade in a sprite...
View ArticleCaching output of sprite with filter applied
Hey Guys, Running in to a scenario where I'm using an expensive shader applied to a large background sprite. The background doesn't get updated once the shader is applied, and it would be great if I...
View ArticleClik here to view.
Can't figure out how to use filters
My goal is to make palette-applying filter. I have grayscale sprite where colors are set on equal distances (eg. 0, 0.33, 0.66, 1) and palette as 4x1 pixel texture. Idea is taking red channel from...
View ArticleAdding child to sprite distorts childs dimensions & location.
I posted on stackoverflow cause it is the default location where I ask programming issues. I thought I'd also post here. If that goes against the rules or something I'll be happy to be notified about...
View ArticleClik here to view.
what is the best way to add bunch of images
Hello, So I need to add like 500 images and this is How I'm doing it: class CreateP extends PIXI.Container { constructor(id, x, y, width, height) { super() this.id = id this.bla =...
View Articlepixels() returns only 0
Hello, I'm currently working on some small project with pixi but with more complex shapes. Now I wanted to look at the image data of my sprites but the pixel values are all 0. I searched on google and...
View ArticleClik here to view.
Can I access not premultiply color from renderer's shader
I'm using pixi.js ver 4.8.2. I want access not premultiply color from renderer's shader in pixi.js application. I set transparent is 'notMultiplied' , but I can olny access premultipilied rgb color......
View ArticleCanvas looks blurry when fullscreen
Hello everyone! I have problem when enter fullscreen on device with pixelRatio >1. Canvas looks blurry. E.g. when physic width of display is 1280 and pixelratio = 2, browser use 640px. When not...
View Articleshader toy shader to pixi filter
Hiya! I was wondering f there are any tricks to modifying this shader toy snippet to work in pixie filter... https://www.shadertoy.com/view/4s2GRR //Inspired by...
View ArticleDegraded PIXI.Text performance in iOS 12.0.1
Has anyone else noticed highly degraded performance when using a large number of PIXI.Text objects after updating to iOS 12 on iPad? I'm talking about 100+ objects, which is a huge number of text...
View ArticleMoving bunch of sprites with good performance
So I have bunch of sprites (couple of hundreds) with various positions and I need to move every one of the sprites to a same specific location. now I can just update their position one by one but the...
View ArticleSplitscreen game in Pixi?
Trying to figure out how to make a simple split screen game. I've tried to do it with pixi-viewport, but it seems you have to add all the elements to the viewport in order to render it. I'm not even...
View ArticleHow to trigger both click events on two overlap objects
hi there, I have two overlap sprites both are interactive, how can I trigger both of their click Event?
View Articleantialias only for a container
Hello, is there a way to have only children of a certain container/sprite with antialias active, not all the renderer?
View ArticleHow to increase resolution of PIXI.view on mobile devices?
Hi everyone! I making the game with pixi.js on mobile devices. I create a application: var app = new PIXI.Application( { width: document.documentElement.clientWidth, height:...
View ArticleClik here to view.
Understanding pixi-particles
Hello everyone. I have a few questions related to a project I'm working on and there's one area I keep getting stopped up on and I can't seem to wrap my head around it. I'll be sharing code for it,...
View ArticleMultiple textures from the same URL
Hey guys! I have a bunch of SVGs which I'm trying to render. I do basic PIXI.Texture.fromImage(url, undefined, undefined, 1); for that. It creates a texture from `url` without any scaling (100%). It...
View ArticleAdaptive playback
TL;DR - How can I programmatically detect slow / choppy animation? My company uses pixi.js to create animations for digital signage (screens in waiting rooms, train stations, airports, billboards,...
View Article