Changing sprite width/height messes up my filter's shader
Finally I could use shaders in PixiJS. It is so hard to figure things out, really hard to find solutions or documentation. The solution I find is to create a sprite and apply my Filter with my custom...
View ArticleCannot use filters anymore in PIXI v7
Hi there, I have a small pixi.js setup where I apply a Pixelate filter. I am now trying to upgrade this to PIXI v7.x, but get an error that I don't understand. Here is the line that gives me the...
View ArticleVue 3 and Pixi.js: Event listeners not working on DisplayObjects created as...
I'm using PIXI js with vue 3 (sample code below) Because most of the graphics follow a similar pattern with different behaviours and props, we chose to go the OOP route with typescript to avoid code...
View ArticlePIXI.Text texture as a target for renderTexture in v7.x
Is there a way to make this work as it did in v6.x? Here is Dave Moore's example here
View ArticleSaving PIXI content to Image
Guys, We recently have new requirement that we need to save the content we rendered with pixi.js to image file like PNG. The canvas's toDataURL method worked well at first, however we need more than...
View ArticleHow to use defaultAnchor from Texture ?
Hello I would like to configure offsets on texture (not on sprites). Why this example does not work ? const app = new PIXI.Application({ resizeTo: window, backgroundColor: 0x999999 });...
View ArticleClik here to view.
Scaling logic behaves in a way I cannot understand or debug
Hi, my goal is to have a canvas that spans 80% of the users browser and keeps aspect ratio of 16:9. I was trying different approaches throughout today, failing to reach the goal, but here's the idea I...
View ArticleHave any one Worked on making a chrome extension game using Pixi.js?
I am trying to make an extension game for chrome using pixi js but i'm not able to find anything for it.
View ArticlePIXI.Loader() not working in React.js - Need Help!
I am having hard times to make pixi.js work in react... Can someone explain me how to get loader in react component? I have tried withconst pixiApp = useApp(); and const loader = new PIXI.Loader();...
View ArticleOGL FlowMap Distortion
Hello ! I Have created the multiple planes with the help of OGL js https://github.com/oframe/ogl but Flowmap distortion effect applies on every planes in a same time. i want to apply flowmap effect...
View ArticleLow FPS on MacOs, Safari and Chrome
The game has low fps something on Safari and Chrome on MacOs, but, it has 60 fps on Firefox, weird. We checked everything in our code, we don't have memory leaks and stuff like that. On Firefox we...
View ArticleAdjust mouse cordinates for scaled stage?
The code would look something like that below. Basically I'm wondering if you scale the stage to the screen size, if there is a way to adjust the mouse X and Y coordinates to the new size -- the...
View ArticleSoftware Developer needed for Project - $4000
We are an education publishing company located in the US and are in need of extra help to extend our line of WebGL based games and activities for students. We currently have a project ready to start...
View Articlepixi 7 global pointer up/down events?
Hey, how would I get a pointer up or down event anywhere on the stage? I was able to do it with the interaction manager by using the default interaction on the render, ie:...
View Articlefor each frame of an AnimatedSprite, add a different offset
Hello, I am building an AnimatedSprite using an array of PIXI.Textures : let animatedSprite = new PIXI.AnimatedSprite(animatedSpriteTexture); I also have in my code an array of the same length of...
View ArticleRotating an object to mirror it on a given line in pixi 8
I want to write a function that mirrors an object on a line given by two points. In the example, the object is an rectangle. I know, I can achieve horizontal and vertical mirroring using .scale but I...
View ArticleScratch Card - What percentage of the card is revealed?
Hello all, I am quite new to Pixi and I have a question aboud scratch card. I am using the exmaple from Pixi to build a scratch card: https://pixijs.com/examples/advanced/scratch-card And my question...
View ArticleVideo Sound in iPad Safari
We have a PIXI app running across all platforms (Mac, Windows, ios, Android). When playing a video sprite with sound volume set to 0, Safari on iPad still plays the audio. Not so the other platforms.
View ArticleConverting a 2d rendering JS application to use WebGL rendering via Pixi
Hello, I recently converted a legacy Java game that renders a 2d pixel array on the CPU to run in the browser (using TeaVM transpiler) and am now looking into options for improving performance....
View ArticleCreating Multiples of the Same Displacement Filter and Applying it to a...
The premise is that I have n Universes created, each having their own Displacement Filter and Sprite created within a createUniverse function. The displacement filter targets gridGutterspace, a tiling...
View Article