animation techniques On most of the web, nothing happens until a user clicks. Some media, like television, movies, and the radio are different -- they are time-based and changes happen without user intervention. We like making ordinary web pages, but for Six Ponies we felt like making something time-based. There are several ways to make animations for the web. Some, like Dynamic HTML, require the latest browser, while others, such as Flash, require users to download a special plug-in. We didn't want to use these, since they'd exclude much of the web population. Although animated .gifs work well with most browsers, you don't have much control over the life cycle of your animation -- it either plays once and stops (without an intuitive way to restart) or loops forever like one of those annoying mailboxes people link to their email address.
We decided to use one of the oldest animation tricks on the web, one that
was supported in Netscape 1.1 -- a client-pull animation. The trick is
a single line of HTML that tells the browser to reload the page. Here's the
source of one frame in our animation:
</HEAD>The secret is the tag
<IMG SRC="sugar.gif" WIDTH=640 HEIGHT=448 BORDER=0>
indexx.html The strength of the web is that everything works the same. Once you learn how to click on a link, you can navigate any web page. A slideshow violates this usual user interface of the web, so we decided that we needed to warn users what was about to happen. To do this we put an introductory slide in the animation with a text message.