15c. Een voorbeeld / oefening met meerdere onafhankelijke instances van een klasse

Je ziet hieronder een voorbeeld van een animatie met 5 aparte instances van één klasse ('animatie.class'). Vijf keer een beweging onder invloed van vijf verschillende algebraische formules.

Een formule voor een beweging in de x-richting en een formule voor een beweging de y-richting. De resultante van de beweging is het traject waarlangs het animatie-object beweegd.

<SCRIPT>
function openneer()
{
 t = 0.0; 
 dt = 0.01;
 a = 25.0;
 b = 10.0;
 c = -50.0;
 d = 100.0;
 x=0.0;
 y=0.0;
 i=0;
 j=0;
 document.object1.setX(Math.round(i));
 document.object1.setY(Math.round(j));
 enz...
 document.object2.enz..;

 for (var n=0; n<300; n++)  <---- een loop die 300 maal wordt doorlopen
    {
       t = t + dt; 
       x = 1.0;
       y = Math.cos(2*3.14*t);     <--- een eenvoudig algebraische formule
       i = a*x + b;   <--- coordinatentransformatie (van real naar integer)
       j = c*y + d;
       document.object1.setX(Math.round(i));  <-- seten van x (van object1)
       document.object1.setY(Math.round(j));  <-- seten van y   ,,   ,,
       enz...
       document.object2.enz...;
    }
}
</SCRIPT>
...
<APPLET code="Animatie.class" name=object1 width=100 height=300></APPLET>
<APPLET code="Animatie.class" name=object2 width=100 height=300></APPLET>
<APPLET code="Animatie.class" name=object3 width=100 height=300></APPLET>
<APPLET code="Animatie.class" name=object4 width=100 height=300></APPLET>
<APPLET code="Animatie.class" name=object5 width=100 height=300></APPLET>
...
<FORM>
<INPUT type="button" name="Run" value="Beweeg" onClick="openneer(this.form)">
</FORM>

Bovenstaande model-driven animatie met een groot aantal onafhankelijk van elkaar bewegende animatie-objecten noemt Min een 'meebewegend histogram'. Deze term en deze weergavevorm komt veel voor bij educatieve simulaties en stamt uit de reader (boek) van het D3-vak 'Computersimulatie als leermiddel'.

Enschede, okt. 1999; updated: 8 dec 2000