Avatar on Webpage
Avatar Preview ] Avatar FAQ ] Avatar Geometry ] Avatar Studio tips ] [ Avatar on Webpage ] Humanoid Animation ]


How do I put an avatar on a web page? Well, there are several different ways...

  1. You could just put the URL of the avatar and tell the user to cut and paste. It is very effective and the easy way to do things.   

    <a href="http://philliphansel.org/avatars/elf.wrl">http://philliphansel.org/avatars/elf.wrl</a>

    You can put additional tags in the HTML to force it to open a new window of a specific size also.

    <a href="http://philliphansel.org/avatars/elf.wrl" target="new" width="200" height="300">http://philliphansel.org/avatars/elf.wrl</a>

  2. You could embed the avatar world into a regular web page so folks can see the VRML model (it is nice to put the avatar's URL below it so people can copy and paste the URL into their "properties" panel)...

    <embed SRC="brownboxavatar.wrl" width="200" height="200" VRML-DASHBOARD="FALSE" SGI-DASHBOARD="FALSE" align="right">

  3. You can use an internal frame, when the link is clicked the Avatar appears in the iframe.

  4. You can do an actual frame with a master page that points to a list which opens up the Avatar in the other frame.

  5. Look on this web page...
    There is a picture, which when clicked on runs a perl script on blaxxun's server that puts the avatar into an avatar arena so you can see the gestures.
    <a href="http://www.blaxxun.com/cgi-bin/frameset/frameset.pl?vrmlavatar=http://philliphansel.org/avatars/elf.wrl&amp;frame=1&amp;ie=x.bxx" target="CCpro" onmouseover="window.status='http://philliphansel.org/avatars/elf.wrl'; return true;" onmouseout="window.status=''; return true;"><img SRC="elf.jpg" BORDER="0" WIDTH="153" HEIGHT="232"></a>

  6. The ultimate in avatar display is to use JavaScript to VRML interaction to pass an avatar's URL to a VRML display world. It is a more complicated technique, but it allows folks to see the avatar and to preview the gestures.

There is certainly more than one way to skin a cat! Each method has it's advantages and disadvantages.

Back ] Home ] Up ] Next ]