The Json file shows 900 images. The author might have manually clicked and mapped the x,y for each of the images and then applied Vornoi.
Pointer Pointer
21–30 of 33 posts
Re: Pointer Pointer
#22I was expecting something on C dereferencing ....
Back in the early days of Mac programming, they had handles, which were pointers to pointers. The memory management would move around blocks of memory, and update the second pointer. That's what I was hoping for.
Re: Pointer Pointer
#23http://www.pointergate.org/ So much gang activity going on here.
Re: Pointer Pointer
#24I wonder if these images are all in the public domain. Edit: Seriously, these are all personal pictures of people clearly visible. Isn't that question legitimate?
I agree, it's a legitimate question. I tried to search for a bunch of them on TinEye to see if I could find some original source for any of them that might indicate a licence, but none of the ones I tried came up with any results.
Very possible it's pictures the author of this tool took personally, which would explain why tineye doesn't know about them, how the author found them, and how they had the patience to annotate them all. Also, best to just assume copyright is all good, it's not like these photos are of military secrets or anything, no need for us to step in, I'd think.
Re: Pointer Pointer
#25haha :)
Re: Pointer Pointer
#26Author here.
The find-the-closest-finger algorithm was taken from another project we did, where we needed much more speed. We use a voronoi diagram with a distinct color for each point.. then we can get the pixel color at the position of the cursor and find the related pointer..
This is actually much faster than what you see happening on Pointer Pointer. We introduced a pause to force people to wait, thus making it a more rewarding experience when the image finally shows up. A touch of magic, you could say.
Re: Pointer Pointer
#27Does anyone know how this was implemented? It's a great example of a case where, as a computer programmer, there are still problem domains which I have absolutely no idea how to approach!
It loads a json file [1] that contains the co-ordinates of the tip of each point and the corresponding image. It uses this to create a Voronoi diagram [2] using a "custom Javascript implementation of Steven J. Fortune's algorithm" [3]. [1] http://www.pointerpointer.com/gridPositions.json [2] http://en.wikipedia.org/wiki/Voronoi_diagram [3] http://www.pointerpointer.com/js/rhill-voronoi-core.js
Another cool thing is it appears to scale/move the image to match the desired point, at least in some cases.
Try moving your pointer around to different positions very close to the top right corner. This triggers a picture with a wristwatch and water bottle. The pointing is done by the right hand, which if your pointer is too far right is cut out of the frame, but becomes visible as you move towards the left.
Re: Pointer Pointer
#28Earlier quoted context omitted.
It loads a json file [1] that contains the co-ordinates of the tip of each point and the corresponding image. It uses this to create a Voronoi diagram [2] using a "custom Javascript implementation of Steven J. Fortune's algorithm" [3]. [1] http://www.pointerpointer.com/gridPositions.json [2] http://en.wikipedia.org/wiki/Voronoi_diagram [3] http://www.pointerpointer.com/js/rhill-voronoi-core.js
Another cool thing is it appears to scale/move the image to match the desired point, at least in some cases. Try moving your pointer around to different positions very close to the top right corner. This triggers a picture with a wristwatch and water bottle. The pointing is done by the right hand, which if your pointer is too far right is cut out of the frame, but becomes visible as you move towards the left.
I was just about to mention this; the same thing happens in the lower left corner (woman pointing, with two men in the background, one holding a beer can and wearing an 'enjoi' hoodie). The picture gets moved so she's always pointing at the cursor on the y-axis.
Re: Pointer Pointer
#29Author here. The find-the-closest-finger algorithm was taken from another project we did, where we needed much more speed. We use a voronoi diagram with a distinct color for each point.. then we can get the pixel color at the position of the cursor and find the related pointer.. This is actually much faster than what you see happening on Pointer Pointer. We introduced a pause to force people to wait, thus making it a…
I don't find the wait time to be magic. Just makes the tech seem slow. Cool project, though!
Re: Pointer Pointer
#30Lots of fun for about a minute and a half. Thanks!