4 ms·
Lovepixel Zoom (Lovepixel + Seadragon + AppEngine)
- bd 18y agoSee also corresponding blog post by the author: http://antsyawn.blogspot.com/2009/01/lovepixel-mashup.html http://antsyawn.blogspot.com/2009/01/lovepixel-mashup.html
- anotherjesse 18y agoOdd that they didn't use PNG for the tiles. (perhaps a limitation of seadragon). It would be interesting to see a comparison with AppEngine, S3, and CloudBurst. Obviously AppEngine won this because it was free, but 10GB/day is less than $2/day on both S3 and CloudBurst, so it isn't overly expensive to run AWS.
- bd 18y agoThey do use PNGs for tiles. At least that's what I see with "View image" on the right click. Also it seems you could even have transparent PNGs in SeaDragon: http://getsatisfaction.com/livelabs/topics/vector_graphics_in_seadragon_also_see_zoomism_com http://getsatisfaction.com/livelabs/topics/vector_graphics_i...
- axod 18y agoIt's requesting a ton of jpeg images, seems a lot of bandwidth for what it's doing...
- bprater 18y agoThe jpegs might be for the lower-resolution chunks.
- bd 18y agoMy bad. I checked the source. Downloaded images are JPGs, it's canvas that make them look like PNGs. Whatever you will draw on canvas, it will look on the right click like "data:image/png;base64".
- axod 18y agohttp:// http:// lovepixelzoom.appspot.com/file/get/lovepixl/(ZOOM)/(X)_(Y).jpg Where (ZOOM) is 11-14 (X) 0-(Depends on zoom) (y) 0-(Depends on zoom) Using jpg for this seems odd, but probably reading way too much into a cool demo :)
- bd 18y agoI checked Deep Zoom Composer, software that was used to create tiles [1]. It allows also PNG tiles export for "SeaDragon Ajax" output type, so it was probably just the decision of the author of this site to use JPGs. I tried to convert one randomly picked tile. It was 58KB JPG (16M colors), 38KB PNG (16M colors), 9KB PNG (256 colors), 13KB GIF (256 colors). So yes, PNGs would make a faster site and save some bandwidth. Though you cannot export 256 color PNGs, so for the best performance, you would need to run something like ImageMagick conversion script on all the tiles (with the danger of getting noticeable seams if neighboring palettes would clash). http://www.microsoft.com/downloads/details.aspx?familyid=457b17b7-52bf-4bda-87a3-fa8a4673f8bf&displaylang=en http://www.microsoft.com/downloads/details.aspx?familyid=457...
- antsyawn 18y agoNo, you're right - I'm no web expert, and I didn't notice the option in deep-zoom composer to change format. The Seadragon dev told me to try png for this type of image and it cut the data down from 93mb to 25mb - much faster now. (http://lovepixelzoom.appspot.com http://lovepixelzoom.appspot.com)
- bd 18y agoWelcome to Hacker News :). Nice site.
- axod 18y agoImpressive, but seems like some rounding issue which could be improved... If I scroll, move or zoom, as things settle, the tiles oscillate between 2 pixels, like they are being rounded badly, or perhaps one tiles position is being based on the rounded position of the last, instead of the exact position. Perhaps I'm reading too much into this ;)
- bd 18y agoIt could be some browser specific issue. For me it renders everything ok (XP/FF3.1).
- bprater 18y agoHeh, did you see the kids playing Super Mario Brothers?
- Silentio 18y agoImmediately made me feel like I was playing Sim City 3000. Good memories.
- psyklic 18y agojust as cool is Microsoft's Seadragon demo: http://livelabs.com/seadragon/ http://livelabs.com/seadragon/