First fully load video .webm and then create from this blob sprite
Hello, I need to fully preload video before playing it. How to do that? So far i have made a fetch request, got blob but i don't know how to continue.
View ArticlePIXI filters: AsciiFilter not working (see simple codepen)
Hi, I am new to PIXI and am trying to use pixi-filters.js but not seeing the desired output. There is a good chance I am doing something wrong but I have been following examples from the site. I've...
View ArticleWhat is a container mask mask in PixiJS ?
Hello, I'm a new Pixi.js developer and I'm wondering what is exactly a mask container in Pixi.js library ? Could you give me definition, please ? Regards YT
View ArticleLive Streaming WebRTC uses?
I am dabbling in WebRTC and live streaming. Would PixiJS have a place in live streaming? Maybe for bottom thirds? Or creating video filters? I'm just wondering it would make sense to use it? Thanks,...
View ArticleSome testing tools for Pixi.js apps/games
As a part of my PhD research on visual testing for web games, I’ve developed (/begun developing) a couple of tools that might help when (visually) testing your games. The first tool allows you to...
View ArticlePixiJS pixelation problem
When I draw a circle with pixiJS if this circle is 200x200px it looks pretty nice if this circle is 15x15px i am having pixelation problem. How can I fix this? I want to add pretty small elements. But...
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 ArticleNeed to optimise render texture
Hi all, first time posting although have a done a couple projects w pixi over the years - love it! I am working on a game project currently where I will have tens of avatars moving around a level (up...
View Articledisplacement range for a DisplacementFilter
Hi, How do the scaleX, scaleY values affect the range of displacement for a DisplacementFilter? From what I've read the displacement map represents a range of displacement from -.5 to +.5 on an RBG...
View ArticleCan PixiJS be used to do something like everyonedraw-dot-com?
I want to challenge myself and do a small and simple infinite pixel drawing canvas – like everyonedraw.com. I'm a hardcore backend Golang developer so frontend game and gfx development is very...
View ArticleClik here to view.
Artifacts with comrpess textures (basis)
Hi! I am trying to add support for compressed textures in my game. And faced artifacts with semi transparent images that uses blend mode. I am using PIXI v7.1.1, for compressed textures I choose...
View ArticleProblem using Pixi.js Texture.fromURL for large Images
Hello, I have a problem displaying large images (larger than 4k) in Pixi Canvas. I use the Texture.fromUrl method to read in images. When I output the resulting Texture object, it always has the same...
View ArticleLow fps in Vue with Pixi project
I've created a project using Vue and PixiJS. Unfortunately the application has very low fps (between 5-20). I'm hardly rendering any graphics. FPS seems fine before calling PIXI.Application, but after...
View ArticleClik here to view.
HELP - 60fps but bad stutter
Hi Everyone, I'm working on a Guitar Hero / Rocksmith like game in Pixi.js: a song plays and some boxes scroll towards a cursor that lets a guitarist know how to play along. Website if anyone is...
View ArticleCan the render loop keep running while waiting for prepare.upload?
I have a big texture using a Spine animation (3905 × 2948). When its played for the first time, it causes a noticeable frame freeze, for around 1-2 seconds on slower devices, then it goes on....
View ArticleHelp: Move a Graphics Object from a Pixi Object to another? zIndex not...
I have many Rectangles (Graphics Object) in my canvas. Each Rectangle has child circles. How can I move circle from its parent to another? I tried doing that by implementing the drag and drop but I'm...
View Articlepointerdown on PIXI object isn't recognized as user gesture
I want to make a fullscreen button inside the stage. I added on pointerdown to a PIXI.Sprite like this: fullscreenbutton.on('pointerdown', function(e){ fullscreen(); } On my Android device I get:...
View ArticleClik here to view.
Performance loss upgrading from v4 to v6
Hello! I upgraded my engine to use PIXI v6 instead of v4 and noticed a significant increase in the drawing time (especially pronounced in iPad 6th Gen). Left is V6 and Right is V4, in the same scene....
View ArticlePixiJS as a module without webpack
Hi, I'm trying to learn how ES6 modules work and boy is it complicated... I was "forced" to do so since I had to setup a three.js project and three isn't working fully if not as a ES6 set of modules....
View Articlepixi-spine: past events when setting trackTime
Hi! I've run into a problem with my spine implementation. In our application, we have certain animations that vary a bit depending on the orientation of the mobile device, so when the orientation...
View Article