Deep Zoom Collections Example

Sparkle bloggers — Sun, 23 Mar 2008 00:14:45 GMT

Up until now, all of the Deep Zoom samples we’ve shown in this blog were of single high-resolutions

Deep Zoom Collections Example

Mirrored Blogs — Sun, 23 Mar 2008 01:03:56 GMT

Up until now, all of the Deep Zoom samples we’ve shown in this blog were of single high-resolutions

re: Deep Zoom Collections Example

Brad Spencer — Sun, 23 Mar 2008 15:35:13 GMT

Thanks! Now I can finish my project...

re: Deep Zoom Collections Example

John — Sun, 23 Mar 2008 18:40:08 GMT

Awesome guys. I have updated my little sample integrating this and the keyboard events. I do like the mouse click / mouse shift click to zoom in and out.

So the next question is how do we add metadata or link to a database record for the images so we can filter / sort and show additional information?

http://www.soulsolutions.com.au/Blog/tabid/73/EntryID/410/Default.aspx

John.

re: Deep Zoom Collections Example

Kirupa (MS) — Sun, 23 Mar 2008 22:11:42 GMT

John - great suggestion. We'll look into that for our next example...using metadata to sort your collections :)

Cheers!

Kirupa

Silverlight Cream for March 24, 2008 -- #233

Community Blogs — Tue, 25 Mar 2008 01:09:55 GMT

Michael Sync on User Control Inheritance, Expression Team provides DeepZoom collection example, Pete

re: Deep Zoom Collections Example

yuvipanda — Tue, 25 Mar 2008 12:16:58 GMT

@Kirupa: I second that: I want metadata!

re: Deep Zoom Collections Example

George Bell — Tue, 25 Mar 2008 19:16:56 GMT

Hi,

I've got some question about performance...I spent the weekend making a collection of images...11,000 to be exact (only took about 12 hours of processing)...we used the built in vista photo tagging and made them searchable (using LINQ, since there is no dataset support in silverlight)...

There were a number of issues I had with the performance, I'm wondering if you have any suggestions...

1. The directories that are created have a lot of files/folders (1,100,000 files, 100,000+ folders, 6+ gigs)....they take a lot of time to move around (vista sp1, perhaps due to ntfs?) Is there a way to group them in one file (cab/zip, or some other file that is easy to move around?)

2. We tried to do similar effects as the hardrock demo (translate/opacity animations)...is there a way to do this on 10,000+ images in a performant way? Right now we're moving them all to a place off screen and fading at the same time (ie -100,-100)...the storyboard doesn't animate smoothly, it ends up being a little jerky (does deepzoom use hardware acceleration?)

3. If once we have a lot of 0% opacity images at -100,-100 we then scroll to that location, the interface becomes very slow/jerky (is there a way to set visibility for the images after the opacity is 0%?)

4. The program loads quickly and runs well (scrolling/zooming, above issues not withstanding)...but closing IE becomes a big issue (we're seeing 300+megs of ram usage, and closing IE causes problems)....

All that said, this stuff is great! We're looking forward to being able to do alot of great things with it!

re: Deep Zoom Collections Example

Brad Spencer — Tue, 25 Mar 2008 23:50:55 GMT

I agree, the MultiScaleImage control is very cool, but there does seem to be some limiting aspects of it. It would be great for the SL2 release to expose Add/Remove methods on the subimage collection so that we don't have to work with all images at once and use opacity tricks. This should improve the perf issues as well. It would also be wonderful to have an AutoArrange property that could work similarly to a stack panel (maybe 3 options: static/horizontal/vertical). Oooh and databinding support! I know I'm dreaming... ;)

Oh, and one other thing I've noticed: when a MSI control is resized larger at runtime the appropriate events are fired, but not when it is resized smaller. Is this on purpose or a bug?

re: Deep Zoom Collections Example

Wilfred Pinto — Wed, 26 Mar 2008 02:55:31 GMT

Nice... The other cool thing would be to arrange the images in a grid where the height of all images in a row is the same but can change across rows, much like the Hard Rock site. I have an algorithm for this on my site, http://projectsilverlight.blogspot.com, and will try to put up some sample code snippets soon (unless you guys beat me to it!)

re: Deep Zoom Collections Example

Wilfred Pinto — Wed, 26 Mar 2008 03:48:38 GMT

I noticed that the animation code adds the storyboard to the resources but never really cleans up after it. It could be done in the Storyboard.Completed event - msi.Resources.Remove(sender).

Would it be more efficient to create a single storyboard for all the images by adding the animation of each image as a child to the storyboard? I noticed that you were creating a separate storyboard for each image and hence was wondering if there is any performance/resource implications by taking the alternate approach.

I understand that this is just sample code but thought that I would point this out in case there are folks applying this logic as is to a large number of images.

Wilfred

http://projectsilverlight.blogspot.com

re: Deep Zoom Collections Example

George Bell — Wed, 26 Mar 2008 05:29:50 GMT

I am using 1 storyboard with 11,000 photos and not getting good results...all the DoubleAnimation and PointAnimation objects are being created, added to the storyboard and targeted before they are used (ie in ImageOpenSucceeded)...then are reused each time, although the first time it is run it shows bad results anyways (so not an issue with lots of items getting added to the graph)...extending the duration of the animation results in similar choppy results...I have an ati x1650

The 11,000 pointanimations/double animations seems to be the problem...is there anyway to create one of each and apply it to a group of items (it won't look as cool as the hardrock demo since they will all move as a group, rather than individually)...

Totally agree about being able to make subgroups (aka views) and then "auto-arrange"...very useful for collections...

Also, not sure if everyone has taken a look at the command line tools (sparseimagetool)...I found it almost by accident when I was trying to figure out how to not manually have to make my collections :-)

It also appears that zipping 1,100,000 files is going to take about 4 hours....but I'm looking forward to getting this on a server with some upstream bandwidth :-)

Also wondering if there is a way to "add" new images to a collection....from the perspective that it took 12 hours to generate mine from 11,000 images....if I add a new image do I have to regenerate all 11,000 images, will the bin file be in sync still?

re: Deep Zoom Collections Example

Wilfred Pinto — Wed, 26 Mar 2008 08:01:19 GMT

George, Let us know when it's up on a server. I would love to see if my laptop can render the images!

re: Deep Zoom Collections Example

yuvipanda — Wed, 26 Mar 2008 19:50:13 GMT

Wow George, that's awesome :) How did you actually compile those images? Don't tell me you used that pesky Composer....

re: Deep Zoom Collections Example

George Bell — Wed, 26 Mar 2008 21:23:18 GMT

The command line tool (sparseimagetool.exe) is included with the composer...you can run it from the command line and get information on how to use it...I just created a sparseimagescenegraph.xml file (if you need help on how to make this file, open the ones that are created by the composer) and told it to export to an sdc file (if the extension is wrong it doesn't seem to export)...

If you run it as follows you get a nice little interface with options on how to export:

SparseImageTool.exe CreateCollection

I'm still trying to figure out what some of the command line options do....some more information about what the compression feature does and the single file vs. exploded does would be nice. (I wonder if that would fix my 1.1 million file problem)...something to try out...

re: Deep Zoom Collections Example

Wilfred Pinto — Wed, 26 Mar 2008 23:29:59 GMT

Nice find, George. Thanks for sharing!

I just tried the 'Use Compression' feature and the only thing it does is reduce the size of the items.bin file. Can't imagine how this would improve performance...

re: Deep Zoom Collections Example

AaronE — Thu, 27 Mar 2008 07:35:05 GMT

Karupa, thank you very much for filling my request for this example. This is exactly what I needed to move forward. This looks eerily like the new egg site... Nice.

I third the request for linq'ed metadata, and I agree that filtering should be included with an added bonus of removing images from the collection (i.e. filtering result sets with deep zoom images based off of linq metadata).

I think that would tackle all of these questions, and shouldn't be hard to do.

Thanks again Seadragon team!!!

AaronE

re: Deep Zoom Collections Example

Kirupa (MS) — Thu, 27 Mar 2008 09:49:33 GMT

George - I contacted a few colleagues about your question, so they may be able to help you out further :)

Aaron - I'll add to my list of next things to tackle.

re: Deep Zoom Collections Example

yuvipanda — Fri, 28 Mar 2008 20:36:07 GMT

A week has passed, no metadata still? Are we expected to use the ZOrder property to store id's?

re: Deep Zoom Collections Example

Kirupa (MS) — Fri, 28 Mar 2008 21:01:44 GMT

You could always parse the SceneGraph XML file that gets exported, add the metadata node and text, and use LINQ to parse this info on an as needed basis.

That's not the most ideal way of doing it, but it should get you started :P

re: Deep Zoom Collections Example

yuvipanda — Sun, 30 Mar 2008 11:33:42 GMT

@Kirupa: Problem: How do I "link" with the scenegraph? I mean, when a single MultiScaleSubImage is clicked, how do I "identify" it? I do need some kind of ID, right?

re: Deep Zoom Collections Example

yuvipanda — Sun, 30 Mar 2008 12:24:46 GMT

Basic problem here is that there is absolutely NO documentation for the MultiscaleImage Control. Or am I missing something?

re: Deep Zoom Collections Example

ccchai — Sun, 30 Mar 2008 12:58:59 GMT

I have rewritten the code sample into VB version

http://impressionsoft.blogspot.com/2008/03/silverlight-deepzoom-part-2.html

re: Deep Zoom Collections Example

Wilfred Pinto — Tue, 01 Apr 2008 02:31:41 GMT

Bug in MultiScaleImage?

Couple of issues:

1. Getting in and out of full screen mode is problematic. The MultiScaleImage control retains the size of the full screen mode even after it comes out of full screen. Is this a bug or am I doing something wrong? I can elaborate if required. An example of this can be found here: http://projectsilverlight.blogspot.com/2008/03/dissecting-hard-rock-memorabilia-and_31.html

2. Setting the Source property of the MultiScaleImage control programatically works fine the first time. Subsequent setting of this property renders the image but the collection is not accessible. If you look at SubImages.Count you will notice that it still retains the subimages count of the old source.

I am trying to figure out if I am doing something wrong or if this is the way the current MultiScaleImage behaves. An answer would be much appreciated.

re: Deep Zoom Collections Example

Wilfred Pinto — Tue, 01 Apr 2008 02:52:26 GMT

yuvipanda,

It seems like the best way to store metadata information for each image is to have an alternate data structure (could be xml as well) and link the 2 (ie. the alternate data structure and the mutiscaleimage.subimages) using the SubImages index. The starting point for the alternate data structure could be the SceneGraph XML file, as Kirupa mentioned.

I am planning to put up a filter sample soon, but in the meantime, if you want to find out which image is clicked, you can check out my post: http://projectsilverlight.blogspot.com/2008/03/dissecting-hard-rock-memorabilia-and_8725.html.

The code snippet provided there will return an index into MultiScaleImage.SubImages which could be used to index into the alternate data structure as well.

re: Deep Zoom Collections Example

Yuvi — Tue, 01 Apr 2008 18:06:53 GMT

@Wilfred Pinto: Thanks! Never thought of that :)

re: Deep Zoom Collections Example

Wilfred Pinto — Tue, 01 Apr 2008 22:24:10 GMT

Deep Zoom with filter feature (using Linq) is now available at http://projectsilverlight.blogspot.com/2008/04/dissecting-hard-rock-memorabilia-and.html

Incredible DeepZoom Demo

Chris Koenig — Fri, 18 Apr 2008 01:59:38 GMT

My most favorite SeaDragon demo is now available via Silverlight DeepZoom. The demo features a “fake”

Incredible DeepZoom Demo

ChrisKoenig — Fri, 18 Apr 2008 05:12:39 GMT

My most favorite SeaDragon demo is now available via Silverlight DeepZoom. The demo features a “fake”

Want to go for Microsoft Latest Technologies sessions?

ambatisreedhar — Mon, 21 Apr 2008 16:38:41 GMT

If you want to learn what is Silverlight , WPF , Photosynth, Popfly, DeepZoom (SeaDragon) Why to go and

re: Deep Zoom Collections Example

Lampros — Tue, 29 Apr 2008 14:14:49 GMT

thanks for the link for the example

re: Deep Zoom Collections Example

wwhite — Mon, 23 Jun 2008 09:49:07 GMT

Will you be updating this example to beta 2?

re: Deep Zoom Collections Example

Zazie — Fri, 29 Aug 2008 10:49:41 GMT

I'm very interested to see this work in Beta 2 as well.

I downloaded the source and tinkered with it a bit, but unfortunately I'm not familiar enough with Silverlight to fix all of the errors that it has.

It would be monumentally helpful if you could update this example! :)

re: Deep Zoom Collections Example

Kirupa (MS) — Fri, 29 Aug 2008 10:57:19 GMT

Zazie - I can try to have it updated soon and have it posted here. Many of the ideas in this have been extended and used here: http://blog.kirupa.com/?p=212

The above example does work in Beta 2, and I have provided the source files for you or anyone to see and modify.

re: Deep Zoom Collections Example

Ashish — Tue, 20 Jan 2009 13:14:29 GMT

Deep zoom composer is really cool!