Making a balloon physics
Hello guys, Need some help with creating a custom animation (currently using Tween.js, you can suggest any) that reproduces balloon physics, exactly like in the video...
View Article[help] Problems rendering sprites
Hi everyone, I have recently started to play around with pixiJS but I'm getting some issues and I do not understand why they are happening. If anyone with more experience would be able to help with...
View ArticlegenerateTexture with region doesn't work?
Hello, I am trying to take a screenshot of a specific part of my stage by using this simple code: var ht = app.renderer.generateTexture(app.stage, 1, 1, new PIXI.Rectangle(1200, 400, 370, 310));...
View ArticleBest way to pause a custom filter?
Hi I was wondering if there was a way to temporarily pause a custom filter from executing shader code? I'm thinking if setting sprite.visible = false should do the trick, not sure. Or should I pass a...
View ArticleClik here to view.
Erasing a picture
HI! I'm only learning PIXI, help is needed. How to implement a similar effect (erasing a picture), as an example https://grnch-net.github.io/. I have two pictures, on each other, I want to gradually...
View ArticleClik here to view.
[help] Slot game - How to spin the reels
HI everyone, I'm trying to learn a bit more about pixiJS and for that, I'm trying to build a slot game. I was looking at the example available in the PixiJS website...
View ArticleClik here to view.
How to smooth out the line of the figure
Hi, guys. I created the rounded rectangle and imposed 2 filters (GlowFilter, OutlineFilter). You can see code below: var new PIXIfiltersGlowFilter30; outerStrength 0; innerStrength 5; color...
View ArticleHow to handle WebGL poor performance
I published a good dozen apps based on pixi, those apps do handle automatically their fps and resolution based on overall performance so they adjust themselves to the performance of the device. The...
View ArticleClik here to view.
Mask with blur
Hello! I have to make blur of the half of the screen (see photo). 1. I created my shape (via canvas or Pixi, it doesn't matter) and named it "shape". 2. I created Rect that covers the half of the...
View ArticleMouse: Intelligent Focus Helper [GSAP]
Hello. I tried to get a kind of focus helper with the mouse when the pointer rolls over an item. but i can get a good easing when the mouse are hover a element. I do not know if I explain myself...
View ArticleClik here to view.
PIXI 4 - simultaneous mouse buttons
Hello, I have found another problem after upgrade from PIXI2 to PIXI4 This time it is about mouse interaction, it seems like that I cannot handle both buttons held simultaneously as it worked with...
View Article[help] How Tweening work
Hi everyone. I'm currently trying to learn more about PixiJS ao I'm building a 5 reels x 4 rows slot machine. At the moment I'm working on making the reels spin and stop on a predefined index. As an...
View ArticleHow do do right click on a Container
Hey folks, first post etc. I'm trying to make a minesweeper clone, and I want to be able to right click on a tile sprite to 'flag' it, but I can't figure out how to make a right click trigger an...
View ArticleNot work PIXI.RenderTexture
Why not work on my laptop PIXI.RenderTexture, on another computer, the code works fine. Quote https://pixijs.io/examples/#/demos/mask-render-texture.js The example also does not work on my laptop.
View Article"Inventory slots" and re-arrange items between slots
Hi everyone, I'm trying to implement something similar to an items inventory and equipment slots, where you drag the items from the inventory into the slots and also drag&drop the items between...
View Articlefilter area acting strange?
I was trying out some filter effects in Pixi 4 and noticed by setting the filterArea the region outside the area is no longer rendered. i.e. black Is this the intended behaviour a filterArea? I was...
View ArticleClik here to view.
How to improve sharpness of PIXI.Graphics
I have two charts that one is used 2d canvas techniques and another one is based on WebGL (Ongoing development). Between these two charts, 2d canvas chart sharpness is far better than WebGL chart. I...
View ArticleExport after resize...
So, my code: // create app like new PIXI.Application({ width: 1024, height: 540, // ... // to do something // ... renderer.resize(4096,2056) // then replace textures to...
View ArticleDeform a sprite by its 'x' axis
Hello there, hope to have some thoughts or solution on this. Need to deform a sprite by its 'x' axis. In order to properly understand what I need, please, watch this vid from 0:44 with 0.25 speed...
View Article