After an image loads, you can resize your browser text (Ctrl + / Ctrl -) to instantly reveal a different image with each resize event. By sweeping through very small and very large zoom levels, you can make peoples' fingers trace out a diagonal line from top-left to bottom-right as the registered point moves with the underlying voronoi canvas as it scales up and down.
Side note: how hard would it be to reduce the time delay between identifying a point and displaying an image? Could this be made realtime by preloading all images? The flicker would be terrible but I'd want to try it at least briefly.
> how hard would it be to reduce the time delay between identifying a point and displaying an image
Easy, I expect. I assumed there were two reasons for the delay:
* Simply a transfer delay, though even for images not seen before I'm only seeing between 20ms and 80ms in total for that each time (though it does seem to request each twice).
* Debouncing, to avoid requesting many images needlessly while a user moves the mouse around the page.
* For show, to make it look like it is doing something more clever that requires noticeable processing time!
All but the transfer delay can be removed easily as I think they are put in deliberately, and the transfer+render delay is short enough not matter for what you describe wanting to try.
As for the other comment, there is an artificial 2s delay between image loads. It might be to reduce the load on the server, or just to make it seems like it's doing more work than it is.
A very hacky way to remove it (I'm sure there are better ways!) is to redefine the setTimeout function to just ignore the delay and call the function directly. Open the console and type
setTimeout = (x => x())
On a fast connection with this loading it's almost immediate - it's pretty cool to just drag your cursor across the screen.
But yes, the flicker is pretty bad. This is not handled very well (as expected), it would be nice if it tried to "stick" to one image for a few ms instead of flickering between the same two while moving.
After an image loads, you can resize your browser text (Ctrl + / Ctrl -) to instantly reveal a different image with each resize event. By sweeping through very small and very large zoom levels, you can make peoples' fingers trace out a diagonal line from top-left to bottom-right as the registered point moves with the underlying voronoi canvas as it scales up and down.
Side note: how hard would it be to reduce the time delay between identifying a point and displaying an image? Could this be made realtime by preloading all images? The flicker would be terrible but I'd want to try it at least briefly.