News for hackers. Stuff that matters.
Re:OpenSeadragon: A pure JavaScript high-resolution zoomable... by jrochkind1 on Wednesday September 16, 2015 @08:44AM (#10226106)
A pretty nifty (if I do say so myself) project I implemented with OpenSeadragon.

http://beehivecollective.org/posterViewer/?poster=mr

I am NOT responsible for the art or narrative, just for putting it online with an OpenSeadragon-based implementation.

Source: https://github.com/jrochkind/beehive_poster_viewer

The Mesoamerica Resiste poster is an incredibly large high-res image, and OpenSeadragon works well for allowing very high-res zoom-in, with quick initial load. I had to fight with OSD a bit to get the UI I wanted, but once I spelunked through the source a bit I could usually figure out how to hook in to do what I needed. (And Javascript is not my most fluent language, which perhaps shows in my source). I'm pretty happy with OSD. Still a couple things that aren't quite right in my implementation, it gets confusing to figure out what's going on with high-res images and maintaining proper resolution (also not in my wheelhouse), and the version of OSD I was using didn't neccesarily always do the right thing with high-res "retina" displays (there were some improvements to this in master, not sure if they've been released yet). But overall, OSD is pretty amazingly high quality software, for free.

http://beehivecollective.org/posterViewer/?poster=mr#s=An%20...

Re:OpenSeadragon: A pure JavaScript high-resolution zoomable... by hawleyal on Wednesday September 16, 2015 @02:48PM (#10228840)
Nice. However, the animation/easing when selecting next/previous causes some eye strain. Maybe it's just me.
Re:OpenSeadragon: A pure JavaScript high-resolution zoomable... by jrochkind1 on Wednesday September 16, 2015 @03:25PM (#10229138)
Thanks for the feedback.

Yeah, I think it could be better. I had a lot of trouble getting it right, and it required hacking with OpenSeadragon a bit to adjust from the default easing, which was meant for applying to user-drag actions not automated pan-and-zoom, and was definitely inappropriate by default.

Do you have any suggestions as to what characterstics of the animation/easing are causing eye strain or what sorts of changes would result in better?

Re:OpenSeadragon: A pure JavaScript high-resolution zoomable... by 324239042390 on Wednesday September 16, 2015 @07:16PM (#10230629)
I think that its too slow. Also, to prevent the eye focusing on things as they rush past, I would zoom out to view (most of) the poster and then zoom back in to the new detail.
Re:OpenSeadragon: A pure JavaScript high-resolution zoomable... by jrochkind1 on Wednesday September 16, 2015 @08:08PM (#10230819)
Cool, thanks for the advice.

It's tricky to figure out good algorithms for moving from any arbitrary view to any other, with easing and timing etc. Sometimes the pan/zoom is just moving a little bit, in those cases zooming all the way out and back in again would be wrong. So you've got to take all of that into account with some good heuristics in an algorithm.

Tricky, but also kind of fun, I'll take another go at it sometime.