Home Contact us
Products & Services Purchace Online Learn about Virtual Media Providers Check out some Virtual Demos
 
GoRound
General Info
Examples
Tech Info
Get a Quote
Buy Online
Java Support
PanaTour
GoRound Technical Information


The GoRound Viewer
Ver. 1.2c
User Documentation

Author: Jerry Jongerius
Modified July 1, 2001

 
  GoRound Index
What is GoRound
Feature Summary
Applet Parameters
Creating GoRound Images
JavaScript Control
Release history

 

  What is GoRound?

GoRound displays objects in web pages that can be interactively rotated 360°.

The advantage of GoRound is that it is a very small (9K), fast Java applet that will run in any web browser that supports Java (on any platform). GoRound is a great alternative to a QTVR object movie because a large plug-in is not required.

This example was created with the following HTML code:

<applet name="goround" code="goround.class" width=200 height=133>
  <param name="images" value="images/fish/p000[1934-1957].jpg">
  <param name="auto" value="1600">
<applet>


You supply multiple images of an object to GoRound, and GoRound will display your images in-order, which will give the effect of the object being rotated.

 
  GoRound Feature Summary
  • The easiest way to add object movies to web pages and CDs -- quick start
  • Object is displayed as it is loaded
  • There is no plugin to be installed first!
  • Very small (9k) cross-platform Java applet loads quickly
  • Fully controllable via JavaScript -- details
  • Actively supported, professional product -- release history
  • Extensively tested under the major browsers for maximum compatibility
 
  GoRound Applet Parameters

The following table describes the parameters that GoRound can use. In most cases, you will only need to use just a couple parameters, but it is nice to have total control when you need it.

For the GoRound applet, only the images parameter is required.

    goround.class Java Applet Parameters
    name value Description
    images URL The URL to all the images of the object
    view Integer The number of degrees covered by the images (default: 360)
    auto Integer Auto scroll through all images in this many milliseconds (default: 0) [1.0c]
    sauto Integer Auto scroll at startup in this many milliseconds (default: 1000) [1.1a]
    cHelp hex-color Background color of help boxes (default light yellow: FFFFC0) [1.1c]
    delay Integer Delay in milliseconds before auto rotate restarts (default: 30000) [1.2a]


Where the images parameter uses a technique to encode multiple images into a single URL that looks like:

      image[1-20].jpg = image1.jpg,image2.jpg,...,image20.jpg

      fish[01-24].jpg = fish01.jpg,fish02.jpg,...,fish24.jpg


So, in the example above, "images/fish/p000[1934-1957].jpg" expands into 24 images, named "images/fish/p0001934.jpg" to "images/fish/p0001957.jpg".

hex-color: A color specified in 'RRGGBB' (red/green/blue) hexadecimal format. For example, 'FF0000' is pure red, '00FF00' is pure green, '0000FF' is pure blue, 'FFFFFF' is white, '000000' is black, 'CCCCCC' is light gray, etc. Please refer to http://www.utexas.edu/learn/pub/colors for a list of sample colors along with 'RRGGBB' values.

TIP: GoRound expects pictures in counter-clockwise order, but what if the pictures were taken in clockwise order? No problem. Just change the order of the numbers in the specification. For example, fish[01-24].jpg specifies counter-clockwise order. But fish[24-01].jpg specifies clockwise order.

 
  Creating GoRound Images

Install the Demo: First download and install the GoRound demo (into a directory/folder of your choice) as the following steps assume you already have GoRound installed. View the readme.html file from the demo to verify that GoRound works. You will see a demo very similar to what you see above.

Preparation: Using a tripod is a must as the object will be moved between pictures, but you want the background to stay exactly the same. A light background helps to hilight an object (maybe by using a white sheet) and helps to reduce image size as very little background detail will compress very well. Plan on taking around 20 to 24 pictures (or more if you want to). With 24 pictures, your object will have to be rotated 15° after each picture. More pictures result in a less jerky result, but longer download times. Practice rotating your object. Can you rotate your object a small amount each time and have it return to its original position? A rotating platform is optional, but can yield superior results.

Picture Taking: Set up your object, tripod, and camera. Frame your object in the camera viewfinder so that what you see is what you want GoRound to display. Trust me, you don't want to do any image cropping. Take your pictures. A digital camera will make this step a lot easier. Remember to rotate your object counter-clockwise after each picture.

TIP: One client uses a cardboard disk, marked in half, quarters, etc, with a little slot in the middle and places it on a phonograph turntable. Then an object is centered on this stand, a picture is taken using a digital camera on a tripod, and the turntable is rotated by one mark. The process is repeated until all photos are taken.

Image Resizing: Transfer your images into your computer and one-by-one resize them all to a size that you feel is appropriate. You will also probably want to play around with resizing and saving a test image to discover the resulting file size. Aim for about 3k to 6k per image. Sequentially number each picture (eg: fish1.jpg, fish2.jpg, etc), saving them into a new directory/folder in the GoRound install directory (where you unzipped the goround.zip files).

View The Result: Run the HTMLGEN.EXE program (Requires Windows and Internet Explorer to be installed for Java support) from the goround.zip install directory/folder. This will allow you to create the HTML that is required to view your files with GoRound. Simply select the image group from your new directory/folder and press "Create and Test Now". Easy!

 
  Controlling the Applet via JavaScript

The GoRound applet can be controlled via JavaScript. The applet has a public function that looks like:

public void set( String name, String value )

Just use the same parameter names and values that are described in the applet parameter tables above.

In the sample applet above, changing the view between Fish, Shoe, and Car is accomplished via JavaScript. The applet is first named by using the name applet tag like: name="goround". This enables you to use JavaScript code like the following to change the image at any time:

document.goround.set('images','images/shoe/p000[1988-2007].jpg');   

  Release History

1.2c - 01/04/2001 - maintenance release
1.2b - 08/17/2000 - compensate for bad web servers -- image load retry on errors
1.2a - 07/11/2000 - added 'delay' parameter
1.1c - 04/25/2000 - added 'cHelp' parameter
1.1b - 04/25/2000 - improved image loading times
1.1a - 04/17/2000 - fix several htmlgen problems
1.0c - 03/15/2000 - added 'view' applet parameter
1.0b - 03/11/2000 - now bundled with HTMLGEN.EXE
1.0a - 03/10/2000 - first offered for sale


Virtual Media Providers
A Venture of Big Water & Associates

6363 Western Ave, PO Box 255
Glen Arbor, MI 49636
231-334-7700 Fax 231-334-6007

Copyright © 2000-2001 Jerry Jongerius