Blake Mann

  • Content Count

  • Joined

  • Last visited

  1. Thank you for taking the time to explain! Much appreciated.
  2. Using RenderTexture to make a 2-up texture to apply to the TilingSprite is a pretty good solution! I wasn't aware of RenderTexture before. I think I'm pretty happy to use that approach, but for the sake of learning - how would I modify the shader that TilingSprite uses? I saw in the Pixi v4 docs that TilingSprite had a `shader` property on it, but I couldn't see any reference to a shader on it in v5.
  3. Hello! I've been trying to get a texture to tile with a mirrored repeat - I've tried doing this with TilingSprite and setting the wrapMode of the base texture but that didn't seem to work - it just will only tile with a standard repeat. So far I've only had any luck just manually making separate sprites for each tile which is less than ideal. Is there a proper way to do this?
  4. I downloaded StaxRip and tried re-encoding the video using the settings from that screenshot you posted, it hasn't seemed to have had any effect. The only thing that I've been able to do to improve things so far is to stop the default ticker and manually update at only about 30 frames per second, to match the video frame rate - which gives me just enough idle time in between frames to help out the page performance, but it's still not entirely ideal!
  5. I am working on a project where I am trying to create an animation of a watercolor effect to 'paint' in an image. The image is dynamic, so rather than using a simple video, I have created a video to use as an alpha mask to apply to the image via Pixi. The area around the visible image needs to be transparent, so I needed to use an alpha mask rather than just covering the image with white pixels. I have attached a full example file with all of the code that I have set up for this, but here's a quick summary of what I've done: Create a texture from video Create a sprite from image Add the image sprite to a container Set 'mask' property of container to be the video texture This worked beautifully, but the one concern that I have is of performance, as there will be other things going on on the page at the same time. A performance audit of the page while the animation is running shows that the main thread is being used for scripting for almost 100% of the time of the entire duration of the animation, which is slightly degrading the performance of things such as scrolling on the page while that is happening. I'm certainly willing to accept that this is simply a very performance intensive animation and that it doesn't get much better than what I've got, however this is my first time using Pixi, so I wanted to seek out some advice about whether I have done this the best way that I can, or if there is anything that I can do to help make this a bit more efficient. Thanks in advance for any help that anyone can offer! If I need to provide any more information or anything like that, just let me know, and I will do my best watercolor-test.html