Here at Seadragon we are all about pimping cool zooming technology and developments.  From time to time however, we like to release fun little one-offs into the wild and see what response we get.  In the same spirit as our first “Funky Side Project”, Infinite Canvas, I submit for your consideration Snapdragon.

Initially showing a handful of the most recent, popular Flickr tags, we take the opportunity to pull random words from wordie.org for you to explore as well.  Click on words to see photos tagged as such and click on photos to see their tags.  You can also hit the auto play button and let serendipity take you where it may.

Snapdragon is written entirely in JavaScript (similar to Infinite Canvas and Seadragon Ajax), moving and resizing HTML images and text to give the impression of zooming.

-Kevin Hanes

Back when Ian created Infinite Canvas, he did so because the technology that he wanted to use simply didn’t exist.  It was a combination of not being able to find the right tool to create an infinite-canvas-style comic and the desire to apply Seadragon’s philosophy to an interesting, albeit niche, space.

Artist Donato Sansone came across the same problem when he tried to create an infinite canvasy, flip-animation… thing.  His response was to create a flip-book of truly epic (or room-sized) proportions and video himself making the magic happen.  I’ve been told that this video contains some disturbing artwork, but the first time I watched it, I hardly noticed over the sound of how awesome it was.

-Kevin Hanes

As you are probably aware,  Seadragon’s schtick is zooming technology and user interface experiments.  We have also done some work in creating design patterns to help with best practices and interaction.  Here in the office we also talk a lot about how to apply a third idea to our projects: a Seadragon philosophy.   In fact, our technologies (Silverlight Deep Zoom, Seadragon Mobile, Seadragon Ajax, etc) can all be seen as manifestations of our philosophy; our vision brought to reality through design and technology.   In this vein I thought I’d post about this technological coda, instead of code, in a series of posts from time to time.

One of the core tenets of our philosophy is that the user should never have to wait for the technology.  Though a simple idea, take a moment to think about all of the times you’ve wanted to do something on a computer and been unable until it finished whatever task it was working on.  Moving email, loading a document or image, starting a program, a piece of software locking up; all of these things cause you to wait.  In Seadragon, we try to make every experience wait-free.

One way to think about the user never waiting is that the UI thread is never blocked. Even in the middle of a lengthy process, we’re still accepting and responsive to user input. This is expressed in Seadragon by allowing you to zoom and pan constantly, even when we haven’t loaded all of the imagery for the current view. In addition, we try to give you something to work with as soon as possible, so even while we’re waiting for the high-res data, we load a little low-res data to show in the meantime.  You always have something to look at and you always have control.

-Kevin Hanes

There’s a special place in my heart for Photosynth.  I feel like it’s a sibling that left the house and damnit, is going to live however it wants.  Our teams used to be one, working side by side to deliver glorious experiences, and are now separated by a massive gulf on the org chart.  In any case, I like what they have done, and continue to do.

Speaking of which, they’ve introduced a cool new feature in their latest update, the overhead view.  They turn off images, take you up top and show you the point cloud in all of its glory.  I’d talk more about it, but David Gedye says it much better than I possibly could in the video below.  Listen to what he has to say, and check out their blog post for some additional information and smaller features.

Another exciting development in the Photosynth-o-sphere (yeah, I went there), is cool tech from GRAIL, the University of Washington department that helped with the original Photosynth code.  They’ve tweaked the algorithm used to match photos to make it much faster and able to handle more than a few hundred or thousand images.  The result is simply stunning, synths of entire cities instead of individual scenes or monuments.  Check it out:

-Kevin Hanes

It is not often that a portfolio site stands out to me, there is usually a lot of  ”been-there-seen-that” evident.  It is rarer still that an outstanding portfolio is also in some way related to the Seadragon universe, even tangentially.  In the case of the site Hello Monday, we’ve got a whole lotta “awesome” at work.

The entire portfolio is laid out on an infinite, scrolling, vertical, canvas that you can navigate with click and drag, or the mouse wheel.  As you mouse over individual items, they lose their sepia tones and acquire full color for emphasis, letting you interact with them more fully.  A single click to one of the portfolio items will zoom you in for larger imagery and greater detail into the nature of the project.  Another click will send you back out to the full portfolio.

There are a lot of nice touches to this site, from the springs on scrolling, to the smooth transitions between zoom states and the sepia toning.  My favorite bit has to be the intro screen that’s been designed to give visitors to the site an idea of how to putter around the site using click and drag.  It’s a simple thing, but an important one to help get users in the right mindset.  Oh, and the random whale hanging out on top is pretty fun.  Check it out.

-Kevin Hanes

As recent as a year ago, it was pretty easy to keep track of all the stuff going on in the Seadragon world… a few people were doing interesting things with Deep Zoom, but otherwise it was pretty quiet. Nowadays there’s new stuff (projects, content, tools, code examples, etc.) all the time. I do my best to keep track of it and share it in various ways, but I haven’t found one single best channel; it’s all kind of scattered about. Perhaps I should fix this state of affairs and consolidate somehow, but for starters I think I’ll just share what I’ve got.

• There is of course this blog.
• I (and others) tweet from @livelabs.
• I bookmark zooming-related sites (many but not all having to do with Seadragon) on Delicious.
• I share interesting posts I find on Google Reader.
• I’ve also recently started a Twine for Seadragon-related stuff… we’ll see how that goes, but I like the fact that multiple people can contribute to it. The Zooming Group has a similar feature, and in fact my Delicious bookmarks (along with those of others) are replicated there, but it’s much broader than just Seadragon stuff. That’s cool, but it’s also nice to have the specific focus sometimes.

What do you think? How best to keep track of all the interesting stuff that’s going on?

– Ian Gilman

Google Labs has come out with an interesting way to read through some of your daily news, Google Fast Flip.  Essentially placing news pages on an infinte, scrolling,  canvas that allows you to “flip” through articles in a series or one-up view.  No zooming to be had here,  sadly, though it seems to be begging for it; add some constrained or free zoom to this action and you can color me excited!

Fast Flip has received the usual Google design once-over, ensuring that content is your focus, not layout or interaction.  You can use the arrow keys to navigate, but only once you are in the one-up view.   It also feels like I should be able to click and drag to move through the feed, but that seems to be missing, too. Other than these details, it’s pretty slick, quick and easy to use.  Now if only I could add my own feeds to it and really get crankin’.

-Kevin Hanes

The folks over at Gizmodo have a delightful article on a zooming technology that Sony has demoed for both the PS3 as well as their portable device, the PSP.  From the video you can see a lot of the nice touches that we’ve come to expect of high-quality zooming implementations.  Things like springs for smooth zooming, total responsiveness to the user and remarkably fast resolve time from one zoom level to the next.  It truly is mesmerizing to watch.

The ability and apparent usability of the PSP (at 2:10 into the video) is particularly cool.  The portable device’s navigation buttons appear to be intuitive and every bit as performant as on PS3.  I can’t wait to see what people come up with after Sony ships this to developers “soon”.

-Kevin Hanes

Photo mosaics are nothing new, even though they are super cool and great fodder for zooming. Infinite photo mosaics, however, are even better.

The Infinite Photograph project by National Geographic starts out as a lovely landscape photograph which allows the user to zoom in on a square area of the photo, transforming that grid neatly into a photo mosaic comprised of pictures submitted to My Shot. Zoom in more to get an idea of what you’re looking at, then select a photo from the grid and start the process all over again. Very slick! (And they’ve even got one especially for pictures of dogs.)

There are limitations, of course: though it feels like it probably is “infinite” in that you can keep clicking into level after level of mosaic, some areas tend to repeat the same few photos over and over to achieve the right color. Once the My Shot photograph database has more to choose from, this will be less of an issue. Additionally, it feels clunky to click inside such a structurally rigid grid in order to zoom — but maybe I’m just spoiled by that buttery-smooth Seadragon zooming experience. (Is that too self-serving?)

–Kate Welch

One thing I generally like about developing internet technology is the idea of “everything, all the time”. Sometimes this can be a muddy concept that gets in the way of effective communication, but when done well, it can save the user precious visual time they might otherwise spend looking in several places for similar sets of information.

Spezify is a Flash-powered service that allows users to search for terms and retrieve results as a visual canvas of assorted media. Photos, videos, articles, and Twitter updates relevant to the search query populate the screen, pannable in all directions. It also retrieves a list of words relevant to your search, so you can easily browse different results (by clicking the word) or additional, more specific results (by clicking the pink “+” next to the word). One-click search refinement sounds pretty great; I like the idea of being able to maximize my laziness and yet still dive deeper and find new content. One down side: you can’t zoom, which is usually our first instinct. Still, this does give what is surely a milder version of the Clockwork Orange information overload experience, without any of the nasty brainwashing side effects.

– Kate Welch