Dilantha

Members
  • Content Count

    4
  • Joined

  • Last visited

  1. @ivan.popelyshev Thanks for your reply. I will research more on this..
  2. @ivan.popelyshev How ever im facing a performance issue when trying to have large number of pieces of the puzzle. For example in below scenario 30 * 15 , the puzzle pieces moves very slowly. I suspect its because im adding the image 30 * 15 times to the canvas . basically i create a mask for each piece using mask.bezierCurveTo(p1x,p1y,p2x, p2y, p3x,p3y); Then i add that to the original image texture const bunny = new PIXI.Sprite(texture); bunny.mask = mask; bunny.addChild(mask); app.stage.addChild(bunny); I repeat this for every piece. Which i suspect can be the reason to the performance issue. Do you know a way of overcoming this ? Thank you
  3. @ivan.popelyshev Thanks a lot for your reply. I have removed splitting logic and placed the curves in different position of the original image and then applied the mask. Now it looks fine. Thanks again
  4. Hi, Im also following the same tutorial and trying to make my first project using pixi. Please bare with me for my beginner questions. After creating a mask with bezierCurve on four sides , i have split the original image into blocks and added the mask into those blocks. But as you can see below some parts of the mask is outside of the split image block This will eventually cutoff the parts outside the image block and look like below. Can you please help me to solve this ? It will be a great help. Thanks