Live data from Hacker News

Show HN: I built a jigsaw puzzle website

puzzlepanda.com

11–20 of 74 posts

Re: Show HN: I built a jigsaw puzzle website

#12
I'm in the demo and trying to click and drag pieces and all it does is pan the screen. I'm using Chrome on Windows 10 if it helps. Also, I noticed that maybe 10% of pieces actually do let you move them around, but the other 90% only pan the screen.

Re: Show HN: I built a jigsaw puzzle website

#13
Cool concept! Few ideas:

1. when you hover over puzzles, they could shuffle/rotate a bit, so that there's no easy option to just click puzzles and rotate them appropriately upfront

2. an option to select a group of puzzles and move them, just as you categorize and group puzzles in real life

Re: Show HN: I built a jigsaw puzzle website

#15
post #12

I'm in the demo and trying to click and drag pieces and all it does is pan the screen. I'm using Chrome on Windows 10 if it helps. Also, I noticed that maybe 10% of pieces actually do let you move them around, but the other 90% only pan the screen.

Thanks for the report, that is very odd. It sounds like the mouse position might be offset. I haven't ran into this yet when testing Chrome on Windows 10, but I'll take another look. Sorry about that!

Re: Show HN: I built a jigsaw puzzle website

#16
post #14

I just did the demo puzzle on an iPhone (11 Pro running 15.1), and I found it worked surprisingly well for a phone screen, and I didn’t have any problems completing it. Nicely done.

Thanks! Glad to hear it worked well. I really need to add pinch to zoom to improve the experience on all touchscreen devices.

Re: Show HN: I built a jigsaw puzzle website

#17
post #8

I would be surprised if anyone gives you money. There are many other free puzzle websites that exist that have those same features and are free. One comes to mind that has multiplayer: https://jigsawpuzzles.io But good luck, and have fun making the thing :)

You would be surprised then :) Looking forward to adding multiplayer soon! I actually added websocket support last week and I'm currently running a test in the background to see how many I can handle concurrently. Other than that, I have many ideas to make the paid plan more valuable too!

Based on my experience [1], you would definitely run into a situation where users would inadvertently hinder others and that feels really annoying. We have tried to solve this issue by introducing two major concepts:

- The corner slots that would fixate the final image. This also makes easier to move crowded pieces around. Note that edge pieces are not constrained (unlike, say, jigsawpuzzles.io mentioned above) because that would make guesswork easier.

- Any cursor can pick and hold a group of pieces only for a certain amount of time. The timer was designed so that doesn't reset and instead runs backwards when you are not holding pieces, and you can't pick new pieces when the timer hasn't passed some threshold.

Also synchronizing all the things would be very interesting if you haven't done that so far :-) We specifically used a combination of lag compensation and opportunistic state merger, but there are a lot of other valid strategies you can try.

[1] https://news.ycombinator.com/item?id=29218867

Re: Show HN: I built a jigsaw puzzle website

#18

Possibly just for me, but joining pieces doesn't exactly feel right. Specifically the distance required for snap feels random. Also minor annoyance: it seems that you can't join more than two pieces at once.

Yeah, I think I need to tweak the snap distance a bit further. Sometimes pieces snap together unintentionally while dragging across the canvas, which surprises users.

Would you be able to clarify the second point? You can drag groups of pieces to connect to other groups. But I have a feeling you're talking about something slightly different.

Re: Show HN: I built a jigsaw puzzle website

#19

Earlier quoted context omitted.

You would be surprised then :) Looking forward to adding multiplayer soon! I actually added websocket support last week and I'm currently running a test in the background to see how many I can handle concurrently. Other than that, I have many ideas to make the paid plan more valuable too!

Based on my experience [1], you would definitely run into a situation where users would inadvertently hinder others and that feels really annoying. We have tried to solve this issue by introducing two major concepts: - The corner slots that would fixate the final image. This also makes easier to move crowded pieces around. Note that edge pieces are not constrained (unlike, say, jigsawpuzzles.io mentioned above) becau…

Good points! With my websocket test I'm currently experimenting with syncing micro actions rather than syncing the full puzzle state every time a user makes a move. For lag compensation I'm likely just going to lerp the mouse/piece position movements to make them appear smooth, but I'll see how well that works out.

Re: Show HN: I built a jigsaw puzzle website

#20

Possibly just for me, but joining pieces doesn't exactly feel right. Specifically the distance required for snap feels random. Also minor annoyance: it seems that you can't join more than two pieces at once.

Yeah, I think I need to tweak the snap distance a bit further. Sometimes pieces snap together unintentionally while dragging across the canvas, which surprises users. Would you be able to clarify the second point? You can drag groups of pieces to connect to other groups. But I have a feeling you're talking about something slightly different.

Imagine that pieces A and C are positioned so that there is an exact amount of spacing for missing pieces B. Moving B between A and C however only joins with A or C, not both. This often happens around edges.
Post reply on HN