Summary

This GigaPixelViewer module gives the ability to view and explore giga pixel images. It uses a image tiles to dynamically re-create the giga pixel image at various zoom level. Users can pan around the image using the drag gesture, zoom stepwise using the double tap gesture and zoom continuously using the two finger zoom gesture. The map windows can be moved, scaled and rotated using multitouch gestures which can be activated and deactivated using the module XML settings.

The giga-pixel viewer uses the openZoom library to construct and manage image tile sets: openzoom.org The giga-pixel component utilized in the examples provided in this module uses image tiles processed according to the deepzoom protocol . OpenZoomAPI

If you have a high resolution image that you wish to split into tiles we recommend using the free deepzoom composer tool to format and organize your image files. For more information see: Deepzoom

Features

• Multiple independent giga-pixel image windows
• Customizable window appearence
• Configurable window gesture interactions

Example Code

Using this

package id.module{

 import flash.events.Event;
 import id.core.TouchComponent;
 import id.component.GigaPixelDisplay;
 import id.element.GigaPixelParser;

 public class GigaPixelViewer extends TouchComponent {

 private var gpixDisplay:GigaPixelDisplay;
     public function GigaPixelViewer(){

     super();
     GigaPixelParser.settingsPath="GigaPixelViewer.xml";        
     GigaPixelParser.addEventListener(Event.COMPLETE,onParseComplete);       
   }
     private function onParseComplete(event:Event):void{

         gpixDisplay = new GigaPixelDisplay();
         gpixDisplay.id = 0;            
         addChild(gpixDisplay);
      }    
 
    }
}

Properties and Customization

Included XML tags and functions:

Included AS3 Classes and customization: