Struggling with GC in big project
We are working in a pretty big project. around 10 different games all playable in the same pixi container (not at the same time though). I have a few questions regarding garbage collection: When...
View ArticleAre graphics and sprites to be kept separate?
Hi folks, I'm currently trying to make a ball bounce around the screen. I've done this before in C++/SFML, bog-standard html canvas and in ThreeJs, so now it's Pixi's turn! What I'd usually do: Make...
View ArticleCannot find PIXI.Extract class in Pixi 6
API: https://pixijs.download/dev/docs/PIXI.CanvasExtract.html However, as per the docs: * app.renderer is undefined so cannot find the plugins * PIXI.CanvasExtract is also undefined Environment...
View ArticleClik here to view.
Worse visual results with Texture.from(canvas) than...
Hi, I'm facing a bizarre issue. When downscaling a Texture created from a canvas I am getting inferior visual results than the same downscaled texture generated from a base64 string of the same...
View ArticleThis forum will be closing down?
I sure hope this catalog of Pixi knowledge won't disappear overnight like the other forums did? Such a waste to erase so many great (and still valid) contributions while we move towards narrow arenas...
View ArticleClik here to view.
Best way to render 2x2 squares as fast as possible?
I'm trying to make a cellular automaton using Pixi.js, and so I want it as fast as possible. Each 2 by 2 square is a unit called a bug that looks like this: (without the outline). The top right and...
View ArticlePixi.js:onclick change Texture
Hello, I want to judge which PNG should be displayed in the click event, How can I modify it? var aTexture =new PIXI .Texture.from("A.png" ); var bTexture =new PIXI .Texture.from("B.png”); var testBtn...
View ArticleHow can I move the position of a shader?
I ported a shader from Shadertoy but I'm stuck on how to move it around (right now it's at the bottom-left), does anyone know how it could be done?...
View ArticlePixi.js: Optimize panzooming scalable graphics
I'm currently learning PixiJS to replace my SVG-based visualizer with WebGL for performance reasons. My current prototype can be found at https://stackblitz.com/edit/pixi-panzoom. The objective is to...
View ArticleTool to unpack sprite sheet
I have a game previously worked on with Cocos Creator long time ago. All sprite sheets used in the game are packed to work with Cocos, and they are in .plist format. Now I want to do some work with...
View ArticleStylized ocean scene using Pixi3D - The 3D renderer for PixiJS
I created a stylized ocean scene using Pixi3D - The 3D renderer for PixiJS. The realtime demo and more can be found at https://pixi3d.org/
View ArticleVersion 6.5.0 - Automatically Scale Screen To Browsers Size Keeping Aspect...
Hi, We are using current PixiJS version 6.5.0. How would we automatically scale PixiJS screen to browser size while keeping aspect ratio? (our PixiJS screen is 640x480, but we want it to scale bigger...
View ArticleUsing spine animation in a project
Hello everyone. I'm using spine animations in a project that I'm working on. As advised on the forums, I've turned autoUpdate off and have implemented manual updates for the spines. They are...
View ArticleCoding HTML/PHP/Javascript Browser games from early 2000s
Hello there, I am new to here and also generally quite new to scripting and programming. I would like to create my own browser based game like the ones that were popular in the early 2000s. Think...
View ArticleClik here to view.
Centering and displacement issues
I have a developed a simple Pixi scene where there are 4 Sprites vertically placed. All of them have a displacement map assigned. To begin the sketch, I have set the displacement filter to have a...
View ArticleMesh problem with drawMode
Hi, when I set mesh.drawMode = PIXI.DRAW_MODES.POINTS, If I use TextureCoord for the coord, the texture is pixelated but with fragCoord.xy / Resolution.xy it's ok in the shader. what's the reason ?
View ArticleDisplacementFilter fails in mobile mode
Hi I'm using pixi built in displacement filter (PIXI.filters.DisplacementFilter). It works perfectly in desktop mode. The problem is, when I load the page in mobile mode the DisplacementFilter doesn't...
View ArticleIs there a way to use VideoFrame (from the WebCodec API) directly in Pixijs?
Hey, Is there a way to use a VideoFrame directly in pixiJS? VideoFrame is part of the new WebCodec API (which is currently only supported in Chromium 94 and above). In supported browser, VideoFrame...
View ArticleLow FPS when using large textures
I need to display a large number (for example 400) of high resolution textures at the same time, for this I used the ParticleContainer from the example -...
View ArticlePixi scroll each reel individually with the mouse instead of spin
Hello! I am new to Pixi and I am studying the sample provided by a forum user here. I am trying to make this sample not spinning with the button but change each reel's position by hand. Possibly by...
View Article