Ticker time out in Pixi
I am working on image corousal (Image slide). I have two images in two different container under main container. Canvas size is 270* 270. So two containers are set in a position of -270, 0. When user...
View ArticlePIXI.Text with solid color background
hey guys, I'm wondering if there is an easy and efficient way to add background to the PIXI.Text object. For now, my plan is to add a scaled solid color image as background and put them in the right...
View ArticleBrush Blur
Hi All, I'm trying to implement a paint brush blur filter similar to the brush displacement filter here: https://codepen.io/PavelLaptev/pen/aLVbxG . Could anyone point me in the right direction?...
View ArticleOccassional Base Texture Oddity When Changing Sprite Texture
Okay, I have a peculiar issue. I'm trying to edit a particular sprite that will change it's image AND the atlas it uses. I have like six atlases, each of which focuses on different things (like...
View ArticleClik here to view.
Appropriate use of the right tools
Hi, I am trying to build an trading orderbook heatmap which basically takes all pending orders from a securities and plots it in the form of a heatmap shown below where brighter colors mean more...
View ArticleHow to set resolution for PIXI.BitmapText
I'm using pixi v5. On my PIXI.Text I can set "resolution = 2" But that doesn't exist on PIXI.BitmapText. So how should I set resolution for PIXI.BitmapText? Thanks
View ArticleHow to perform Static Drawing, Optimization Not Needed
I'm trying to task that's easy to handle in Canvas, but which I can't seem to make sense of in PIXI. I thought I was getting close with this ( https://github.com/pixijs/pixi.js/issues/4894 ) and (...
View ArticleRemaining the same speed when switch to another tab
Hi guys, Recently I intend to keep my game running at the approximately same speed while the player switch to another tab, it means I need to keep my movieClip(animatedSprite) and Tween object(I am...
View ArticleBlend Modes with WebGL2 Renderer
In the docs is states "The WebGL renderer only supports the NORMAL, ADD, MULTIPLY and SCREEN blend modes. Anything else will silently act like NORMAL." Does this mean for webGl and webGl2? I can't...
View Articlescroll/zoom whole html body making a swipe on canvas on Android?...
Is there any possibility, how to achieve scrolling or zooming of whole HTML body by making a swipe on canvas on Android (Chrome)? The only thing I was able to find when searching over internet and...
View ArticleRotation values
If I just increment rotation (container.rotation +=1*dt) it increases indefinitely (ie: its not in radians), but it's listed as radians in the docs. It seems to just be a setter? How do I get the...
View ArticleImplementing heightmap shader in pixi
I'm using pixi for a project and I want to implement a shader for a small 3D preview of a heightmap I'm going to generate. I would prefer to stay with pixi, as it works well for every other feature. I...
View ArticleIsometric sprite move
Hi everyone, I created a map and sprite with PixiJS. Now, I would like to know the position of different tiles (x and y) to move the sprite on isometric map by assigning a position. I saw this...
View ArticleRenderer resolution on canvas vs webgl not the same?
In the first scenario - If I create the renderer like this const screenWidth = window.innerWidth; const screenHeight = window.innerHeight; const canvas = document.getElementById('canvas'); const...
View ArticleClik here to view.
Irregular Polygon-Shaped Terrain Drawing
What I am going for is a 2d game that has irregular terrain vertices (without using square tiles ), like this: What is the most efficient way to accomplish this? I want the map to be large, and...
View ArticleAntialiased circles and rounded rectangles?
Hi Everyone! I have an odd problem (in v5) where setting `antialias: true` works with sprites, text and rectangular graphics, but not sprites containing Pixi-created graphics with rounded edges (such...
View ArticleClik here to view.
Drag element inside a tube
Hi all, i would to drag with mouse the red circle inside the gray "tube", constraining it position so it will be inside the tube and not overlaps the purple circles. Can someone help me? Thanks
View ArticleClik here to view.
PIXI + Planck (Box2D) demo
I made this. Tips welcome of course, was a quick hack, but wanted to help people always asking for physics https://github.com/dacatchman/pixi-planckjs-demo
View ArticleHow to get video duration in PIXI (PIXI.VideoBaseTexture))
Hello, I am working on playing videos in PIXI js using VideoBaseTexture . I need to call a method once video ends. I could not find any possible solution in PIXI docs.😓 Please help me !!! Thanks in...
View ArticleClik here to view.
change transparent after autoDetectRenderer
Hello there! Newbie here PIXI.autoDetectRenderer(x,y,{transparent:false}) Is it possible to change transparent to true at some point, long after set as false at autoDetectRenderer?
View Article