Clik here to view.
Affine vs perspective bilinear transformation
Let's say there is an arbitrary composite (wall.png) shape in PixiJS. I need to project a texture onto it by some kind of a grid warp in a way, so the result would be similar to output.png. I have...
View ArticlePerformance overhead of PIXI.Container
Hello! I was wondering if `PIXI.Containers` have any associated performance overhead. Take the following examples: Example #1: Extending Container: class SpriteTile extends PIXI.Container {...
View ArticleClik here to view.
PixiJS: Baking PIXI.Container to a PIXI.Texture
Hello, is it possible somehow to 'bake' a PixiJS container to texture. let container = new PIXI.Container(); container.x = 256; container.y = 256; let graphics = new PIXI.Graphics();...
View ArticleLoading Images with Bearer Authentication
I'm working on a graphics editing app where some of the media exists in an external store that requires Bearer Authentication. I am able to access a file from Postman using a URL like:...
View ArticleCreate holes in the graphics
Hello. How to cut shapes in a rectangle as in the example? https://www.pixiplayground.com/#/edit/0lLp139ZI9bp8WxbxZdww The shapes must necessarily overlap each other, forming one hole.
View ArticleConstantly updating PIXI.RenderTexture dumps browser memory
There are two sprites, one is dynamic and second have to be constantly updated with first one through PIXI.RenderTexture() let sprite = new PIXI.Sprite(), tmp = new PIXI.Sprite(); //some manimulations...
View ArticleHow to repeat texture on SimplePlane?
Hello! I have a texture 8x8 and a plane 16x8... How I can repeat the texture? I tryied this but dont works texture.baseTexture.wrapMode = PIXI.WRAP_MODES.REPEAT;
View ArticleClik here to view.
Data Visualization in Pixi js (e.g., D3 in Pixi)
Hello Community, I am working on a Pixi project which is recently involved into a few data visualization. I was wondering what you suggest as the best library for data visualization (simply drawing a...
View ArticleIs there any way to lower the weight impact from pixijs on final bundle?
Hello everyone, I'm suggesting using pixi (v5) for a component on a really bloated site, and its bringing too much weight to the final bundle. We don't need everything the library offers, so I was...
View ArticlePixiJS6 and @pixijs/Animate
I decided to use pixi animate with pixijs version 6.5.0 to create an animation. My animation is very simple. I will move a sprite from one point to another. new Tween(elm as...
View ArticleClik here to view.
Having a weird frame drop issue
Hello! 👋 I am stuck with a rather peculiar issue, my application will render two frames, then drop two frames before repeating the pattern. Been debugging this for several days, and found a few hints....
View ArticleHow to get the amount of scratched area?
Hi, I have a question for this pixijs example: https://pixijs.io/examples/#/demos-advanced/scratchcard.js I want to get information about the amount of area I scratched. Is there a way to do so?
View ArticleAdjusting Resolution screws up ClickEvents Position
I've run into an issue with using click events with an adjusted resolution The event seems to trigger when you click where the sprite would be at 1.0 resolution rather than where the sprite actually...
View ArticleClik here to view.
Pixi Projection - Convert 3D position to 2D
Hi, https://stackblitz.com/edit/pixi-projection-poly-point?file=index.ts I am trying to convert the markers position on the pitch in 3D to the position in 2D so I can draw a polygon between them as...
View ArticlePixi.js Showcase
Made anything cool with pixi.js? Post it up here and share it with the world! Whether it's a cool game demo, a fully fledged website or some tripped-out crazy experiment, we would all LOVE to see it!...
View ArticleSimple sketch is lagging
Hello, I have a very simple PixiJS carousel demo with a set of thumbnails constantly traveling from left to right. But they don't move smoothly, sometimes thumbs jump around as if the system is...
View ArticleNo InteractionManager in plugins
I am trying to change the cursor of my PIXI app. I read the docs and see that it should be as simple as: app.renderer.plugins.interaction.cursorStyles.default = 'crosshair' However, I get the...
View ArticleClik here to view.
Understand toLocal result
I'm reading some tutorials about pixi.js and I can't understand the result I got from toLocal. I expect the result to be 100,100 however I got 200,200. Console output: bunny1: 100 100 bunny2: 200 200...
View Articleproblem in zoom for svg
hi, I'm trying to load SVGs in, and scale them var svgRes = new PIXI.resources.SVGResource("r001.svg", {scale:2});var tex = PIXI.Texture.from(svgRes);var sprite = new...
View Articlehow to change resolution and scale svg when zoomed
hi, I'm trying to load SVGs in, and scale them var svgRes = new PIXI.resources.SVGResource("r001.svg", {scale:2});var tex = PIXI.Texture.from(svgRes);var sprite = new...
View Article