Example animation; moving from position a to b.

Here you see an bitmapped animation object moving from position a to position b if you click on button A or button B.

<SCRIPT>
function runA()
{
 document.A1.setX(50);
 document.A1.setY(50);
}

function runB()
{
 document.A1.setX(150);
 document.A1.setY(150);
}
</SCRIPT>

...

<CENTER>
<APPLET
  code="Animatie.class"
  name=A1
  width=200
  height=200>
</APPLET>

<FORM name="F1">
<input type="button" name="A50" value="A" onClick="runA(this.form)">
<input type="button" name="B150" value="B" onClick="runB(this.form)">
</FORM>
</CENTER>

This is a very basic animation technique. There is one object in a file 'front.gif' and one background in a file 'back.gif'. If your computer is fast or very busy with other processes you see the animation moves now and again. Therefor you need a artificial delay. See somewhere else our model-driven or formula-driven animations with 'setTimeout'.

Enschede, 18 januari 1999; updated: Febr. 2004.