exophunk

Members
  • Content Count

    3
  • Joined

  • Last visited

  1. At first I had no idea what you were talking about, but then I got it. Many thanks! Those composition modes are awesome! I was able to do what I want with "Destination Out". And I only had to change that one blendmode, I did not need another layer. See this adjusted example, even with transparency: https://www.pixiplayground.com/#/edit/AfvfRhY8lvtySHEADjodc Performancewise: Is this appreach very demanding or a good way to go? I probably will have about 6-7 sprites with the blurred texture moving around as "mask". Thank you! Robert
  2. Thanks for your quick reply! I use pixi v5.1.5 I've looked at your Multiply example, but I think this is not going to work because at the end, there should not be a "black background", but imagine another image behind. Or as in the video I've posted, there should be text behind. So I am not quite sure if blending modes is the way to go? Or is it possible to achieve actual masking (with even see trough behind the canvas with "transparent: true;")?
  3. Dear Community, I am trying to mask an image with multiple, animated, blurred circles. So there is a fullscreen image and only parts of it are shown, exactly like in this example: https://pixijs.io/examples/#/masks/filter.js It is important that is actual masking, because you need to see the background behind it. At the end, this is the output: https://recordit.co/jc1yLQwomH so you can see I want to only show parts of image. To start, I thought of multiple circles moving around, all those circles together should be the mask for the image. 1. I can add a moving, blurry circle as mask like in the example above - no problem. 2. As soon as I try to add two circles to a container and add the container as mask: The blur filters disappear. 3. Is there another, better way to add multiple elements in a mask? And keep filters? I tried things with "RenderTexture" or something, but didn't quite made it. Thanks for your help.