Pauline

Members
  • Content Count

    5
  • Joined

  • Last visited

About Pauline

  • Rank
    Newbie

Profile Information

  • Location
    Russia

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. The problem was in the curvy coordinates: https://www.codeproject.com/Articles/395453/Html5-Jigsaw-Puzzle?msg=5669066#xx5669066xx So, if your tiles or pieces or whatever you have are truly match to each other, the whole image looks perfectly solid and nice. Thanks to ivan.popelyshev for this solution! However, I've found one more solution. I've just added an additional mask created with a 1px-wide border.
  2. Nothing changed. Unless the code is a bit shorter now:)
  3. Thank you so much! I'll try ways 1 and 2 yet, maybe its enough to fix.
  4. I have a getMask function which generates each piece mask like this: let mask = new PIXI.Graphics(); mask.beginFill(0xFF3300); mask.bezierCurveTo(p1.x, p1.y, p2.x, p2.y, p3.x, p3.y); Where p1, p2, p3 are curve points. The third line repeats 4 times for each side of the piece. getMask returns a mask, then I implement it this way: tile.mask = mask; tile.addChild(mask); Where tile is a clone of the whole image.
  5. Hi! I have a jigsaw puzzle, each piece is created with bezier curve mask. When the puzzle is complete there are tiny gaps between the pieces. How to avoid that behavior? Antialias is set to true.