MORPH TEA:
version 2.0 (8K filesize)
a freeware Java animator applet
© 1997 by Jim Andrews
This site is best viewed at 800x600 resolution
Break Current Frameset and Load Morph Tea Frameset

OVERVIEW
  Sample HTML Code 
The Result 
  
[1] 
[2] 
[3] 
[4] 
[5] 
[6] 
[7] 
[8] 
[9] 
[10] 
[11] 
 
<APPLET  
code=MORPHTEA.class 
id=MORPHTEA 
width=144 
height=191 > 
<PARAM name=frps value=20> 
<PARAM name=imageFile value="images/f"> 
<PARAM name=imageType value="jpg"> 
<PARAM name=numImages value=16> 
<PARAM name=backgroundColor value="red"> 
<PARAM name=showButtons value="true"> 
<PARAM name=imageOrder value="circular"> 
</APPLET> 

4 more morphs
among the
Vispo Galleries
INTRODUCTION
MORPH TEA is an easily configurable Java applet that allows you to display animated sequences of images on your web pages. It's not just for morphs, but it's especially suited to displaying morphs because of the buttons it offers and the order in which it can play the images to simulate continuous motion. It can also display the images in other orders (linear and random). You'll also find a link on this page to a morphing program you can use to generate morphs like the one above.
 
I've been amazed with the morphs I've seen, notably the ones in the Michael Jackson video that speaks to the morphological similarities between all people. Whether or not it's true that "it doesn't matter if you're black or white", it doesn't matter in a morph. Young and old, male and female, beautiful and butt ugly, human and animal, animal and alien all are swiftly morphed into one another in a hyper-real blur of time and identity.
 
'Morph tea' is an anagram of 'metaphor.' 'Morph tea' lightly suggests an interesting concoction. Your reflection in the cup? Or something in it? By making this applet freely available and pointing you also in the direction of Masakazu Fujimiya's amazing shareware program Morpher, I hope to encourage the proliferation of interesting visual metaphor on the web.
The morph does not have to be primarily metaphorical in its content or suggestive meaning. And it doesn't have to be limited to faces. But faces are fascinating.
 
Experiment and email me of your results. I look forward to seeing what you've done.
There's something beautiful about Masakazu's making his transformational  and wonderful Morpher available for only $20. And he's done a lovely morph of he and his wife that comes with Morpher. What is poetry or art? The rules have never been written to anyone's satisfaction.
 
Enjoy.
 
NEW FEATURE IN VERSION 2.0
FEATURES
 
WHAT DO I DO?
  1. Download the goodies (see Download).
  2. Create an animation or morph animation (or use the one provided). If you don't have a morph program and want one, read Other Tools.
  3. Create an HTML file. I assume you know how to do this. If you don't, learn how to use the editor in your browser.
  4. Paste the HTML code in the Overview section of this page into the HTML file (see Configuration).
  5. Customize the parameters in the Overview HTML code to accomodate your animation (see Configuration and Parameters).
  6. View it in Netscape or Internet Explorer or whatever quality browser you use.
  7. Upload your HTML file, the animation graphics, and MORPHTEA.class to the Internet. If you haven't done this before, talk to your Internet provider.
DOWNLOAD
Create a new folder and then download MORPHTEA.ZIP.
 
Usually you 'sip' tea, but now you unzip MORPHTEA.ZIP. Haven't got a zip utility? Download Winzip in that case.
 
MORPH TEA comes with no guarantees of any kind and by downloading the software you agree not to hold me responsible if any damages occur. The files have been checked for viruses and none were reported present. MORPH TEA has been tested on Netscape Gold, Netscape 4.0, 4.01, and Internet Explorer 3, 3.02, and has performed as planned without crashing.
 
 
INCLUDED FILES
If you would like to download an excellent shareware morphing program, read the section below called Other Tools.
If you're experienced with configuring applets, go to the Overview section and click on the bracketed numbers to learn how to configure MORPH TEA. If the numbers do not line up with the lines to which they refer, decrease the size of the typeface in your browser.
 
CONFIGURATION:
Configuring MORPH TEA
Once you've downloaded MORPHTEA.ZIP (and Masakazu's program too, if you're interested in using MORPH TEA to display morphs) and have made an animation you want to put up on the web,
 
 
PARAMETERS
What to Change--and What Not to Change:
This section describes the HTML code you insert into your HTML file in order to run MORPHTEA.class successfully. Each line that appears in the Overview section between the HTML applet tag is discussed. The only changes you need to make are marked below in blue italicized monospace text. For an example of valid settings, see the Overview section.
 

code=MORPHTEA.class

This line instructs the browser that the file MORPHTEA.class is required.

Windows 3.1 users:
You don't have long filename support: ensure that your uploaded MORPHTEA.class still has the four letter extension. I suggest you use WS_FTP for Windows 3.1. It allows you to change the name of the file after you have uploaded it to the Internet. Netscape Gold's 16 bit HTML editor may (I'm not sure) allow you to upload a file so that it finally has a four letter extension.


id=MORPHTEA

This line is apparently used by Active X controls to manipulate applets. I don't see this applet interfacing with Active X controls--yet, anyway.

 

 


width=argument

argument: The integer valued width of the applet measured in pixels. You can observe the width of the animation images using programs such as Paintshop Pro, CorelPaint, Photoshop, or Paintbrush, MSPaint, etc.


height=argument

argument: The integer valued height of the applet measured in pixels.


<PARAM name=frps value=argument>

argument: The integer valued frames per second. The argument determines the speed at which the animation plays.

 


<PARAM name=imageFile value="path + fileNamePrefix">

path: The path from the directory in which your HTML file is located (not including that directory) to the directory in which your image files are located.

Naming Image Files:

MORPHTEA.class expects all image files to be named according to the format outlined below. If image files are not named properly, the animation will not play as expected.

filename.extension = fileNamePrefix+number.extension

fileNamePrefix: the letters or numbers that your image file names begin with.

number: the file's order in the animation. extension: the image type of the files. They must all have the same extension. Case Matters on the Internet:

You may find that when you test your animation on your own computer it works. Then you upload it to the Internet and suddenly it doesn't work. What happened? If your upload was successful, then the problem probably has to do with upper and lower case conflicts in naming files.

Though case likely does not matter on your system, it does on Internet systems, typically. For instance, if you set the argument of imageType to gif but upload files that actually have an uppercase GIF extension, MORPH TEA will not function properly. Similarly, if you set fileNamePrefix to yow but actually your image files begin with Yow, then MORPH TEA will not function correctly.
 
Just to make life more difficult, programs like Photoshop default to naming file extensions in capitals.
 
It is difficult to really observe the case of the file in a lot of Windows 95 programs. I recommend WS_FTP when you transfer files from your computer to the Internet. It shows the case of the files on your hard drive and the case of your files on the Internet. And it is a superb file transfer utility for Windows 95.


<PARAM name=imageType value="argument">

argument: This is the file extension of your image files.


<PARAM name=numImages value=argument>

argument: This is the total number of images involved in the animation.


<PARAM name=backgroundColor value="argument">

argument: The background color of the applet.

 

<PARAM name=showButtons value="argument">

argument: the value of argument determines whether the "Prev", "Next" and "Play" buttons appear onscreen when the applet is run.


<PARAM name=imageOrder value="argument">

argument: The value of argument determines the order in which the applet displays the images.

Acceptable values for this parameter are circular, linear, or random. The values are case sensitive.

OTHER TOOLS
If you're interested in making morphs, then I recommend Morpher by Masakazu Fujimiya. It's what I use. And it's only $20. It's available on the net here. It's fully functional, easy to use, produces high quality images, and is available for Windows (16 bit and 32 bit versions) and the Mac.
But the Windows versions (sorry, I don't know about the Mac version) don't produce JPG or GIF image files. Morpher outputs either AVI files or BMP files. But BMP files won't display on the web. So you'll need a program to convert BMP files to either JPG or GIF file format. Or just output AVI files. But AVI files are bigger than a good collection of JPG or GIF files together with MORPHTEA (which is only 8K).
 
 
M OR PH TE A
a Java applet written by
Jim Andrews (jim@vispo.com)
I welcome comments and bug reports, news of new morphs/animations and like artistic and other innovation on the web.
Visit my vispo galleries for moremorphs and experimental visual poetry.
 
 
Passage
 
Passage
 

V I S P O
TOP OF SCROLL EMAIL WRITINGS VISPO HOME
Scroll Created: February 1997
Last Modified: May 1999