Producing stereograms on the ESEM

1
Stereograms In a Web Browser
Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
2
Presentation Outline

• Brief Discussion of Windows-based Stereo Hardware
• Options for Web Display of Stereograms
• Examples from the ESEM

Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
3
Windows-Based Stereo Hardware

• Discovered Stereo Plugin from VRex
• Traditionally Stereo Rendered on Workstation
• SGI Primary Platform
• Windows NT Claims to Work
• Intention Evaluate NT Stereo Hardware
• Reality Evaluate One Vendors Product

Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
4
Windows-Based Stereo Hardware
Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
5
Windows-Based Hardware Conclusions

• Ran out of Time
• Will Continue Evaluating
• Any Success will be Reported in ITG Newsletter
• Techniques for Configuring Stereo will be
  Documented
• Dont hold out a lot of hope for VRex

Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
6
Web Display Options for Stereograms

• Inline Images
• Stereo File Formats
• Stereo Plugins for Web Browsers.
• Java Applet

Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
7
Inline Images

• Pros
• No extra software required
• Works on all browser types
• Cons
• Fixed format
• Image quality suffers
• Type anaglyph
• Red/green, red/blue, etc.
• Colored versions muddy
• Dont know in advance viewers glasses type or
  preference
• Type cross-eyed/parallel
• Full color
• Small images
• Some people cannot do this

Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
8
Stereo File Formats

• JPS JPEG Stereo
• Information on the format available
  athttp//www.vrex.com/developer/sterdesc.pdf
• BMS Bitmap Stereo (?)
• No information found online
• PNS Portable Network Graphics Stereo (?)
• No information available online. PNG spec is
  available athttp//www.libpng.org/pub/png/spec/
• Interleaved GIF (?)
• GIF format specification available in multiple
  locations on the web. One locationhttp//www.cs.
  toronto.edu/hsteoh/gif89a.html

Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
9
JPS Files

• JPEG Stereo
• Data can be stored interleaved, as anaglyph, etc.
• Most commonly Right image/Left image (which is
  the default, and requires no extra header data)
• Need to take care with compression when saving!

Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
10
Creating JPS Files Photoshop

• Assumes separate right/left images
• Open the left and right eye images
• Resize the right canvas to 200 width, adding new
  canvas to the right
• Drag the layer bar of the left image into the
  right image
• Align the left eye image into the blank canvas
  space
• Flatten the image
• Save as JPEG, no compression (level 10)
• Manually change extension to .JPS

2
Beckman Institute for Advanced Science and
Technology
4
6
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
11
Creating JPS Files montage

• ImageMagick Tool
• Available in Unix, Windows, MacOS, OS/2, VMS,
  etc.
• Images can be in any original format
• Must be same dimensions
• Tiled 2x1
• Mode concatenate
• Quality 100
• Format name jpeg - must be specified (JPS is
  unknown)
• Example

Beckman Institute for Advanced Science and
Technology
magnusgt montage tile 2x1 mode concatenate
-quality 100 \
right.tif left.tif jpegcombined.jps
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
12
Stereo Plugins for Web Browsers

• VRex DepthCharge
• http//www.vrex.com/depthcharge/
• VRex Makers of VRSurfer
• Free
• In-browser views anaglyph (all types),
  cross-eyed, parallel, monoscopic.
• Full-screen views VRSurfer interlaced formats.
• Windows 95/98/NT only
• NuVision 3D Pix
• http//www.nuvision3d.com/3dpix.html
• Similar to DepthCharge
• Not Free (30 day trial period)
• Windows 95/98 only

Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
13
Using the DepthCharge Plugin

• As a user to view in a web browser
• Download self-extracting InstallShield Wizard
• Works under Netscape and IE
• Configure viewing preferences anaglyph,
  cross-eyed, etc.
• As a content provider
• Enable type image/x-jps .jps on the web server
• Perhaps provide thumbnails for those unable to
  use the plugin
• In the HTML document, use the ltEMBEDgt tag

Beckman Institute for Advanced Science and
Technology
ltEMBED SRCimage.jps TYPEimage/x-jps
WIDTHxxx HEIGHTyyy
PLUGINSPAGEhttp//www.vrex.com/depthchargegt
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
14
DepthCharge Plugin Parameters
Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
15
The Stereoscope Java Applet

• Written by Andreas Petersik
• Disappointed by lack of stereoscopic plugin for
  Macintosh platform
• Works on any Java 1.1 enabled browsers
• Pros
• Free
• Supports standard formats (GIF, JPEG, JPS)
• Works with two GIF or JPEG images (no JPS
  necessary)
• Cons
• Not inline
• Requires Java 1.1
• Shutter-glasses support limited

Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
16
Using the Java Applets

• As a user to view in a web browser
• Download and install necessary Java 1.1 tools
• Works under Netscape and IE
• As a content provider
• Download applet from http//www.stereophoto
  graphy.com/index.html
• Install into a directory and images in sub
  directory
• Use the following HTML syntax

Beckman Institute for Advanced Science and
Technology
ltAPPLET CODE"petersik.stereo.stereoscope.S
tereoscope.class" CODEBASE"."
ARCHIVE"stereoscope.jar" WIDTH"xxx"
HEIGHT"yyy" ALT"You must have a JAVA 1.1
compatible browser!"gt ltPARAM NAME"stereoImage"
VALUE"stereo.jps"gtlt/APPLETgt
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
17
Stereoscope Applet Parameters
Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
18
Examples and References

• Bugscope
• http//bugscope.beckman.uiuc.edu/gallery/
• DepthCharge 3D Expo (from VRex)
• http//www.vrex.com/depthcharge
• Stereoscope Applet
• http//www.stereophotography.com/
• http//www.stereophotography.com/sapplet/index.htm
  l
• Galleries using DepthCharge
• http//www.3dexpo.com/gallery.htm (Misc.)
• Galleries using Stereoscope
• http//members.tripod.com/d_motz/3D/gallery.html
  (Misc.)
• http//www-user.uni-bremen.de/i18m/amber.html
  (Fossils)

Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite
19
Credits
Beckman Institute for Advanced Science and
Technology
Imaging Technology Group Visualization, Media
and Imaging Laboratory www.itg.uiuc.edu Microsc
opy Suite