13.4 Zufall und Animation 

Den Zufall haben Sie bereits in Kapitel 11, »Rechnen«, kennen gelernt. Dort halfen Zufallszahlen, ein kleines Kartenspiel zu realisieren. Aber auch zum Animieren ist der Zufall zu gebrauchen: Jeden Zahlenwert, den Sie in einer Animation einsetzen, können Sie von einer Zufallszahl produzieren lassen.

Möglich wäre beispielsweise, eine beliebige Koordinate als Zufallszahl festzulegen. Die folgende Zeile bestimmt die x-Koordinate als Zufallszahl zwischen 0 und 550:

posX_num = Math.floor(Math.random() * 551);

Aber nicht nur eine Koordinaten-Festlegung ist möglich, auch Bewegungsstärken, Deckkraft oder Drehungen lassen sich zufällig bestimmen. Oder wie wäre es mit einer zufällig ausgewählten Farbe? Der folgende Code legt eine Zufallszahl zwischen 0 und 255 fest, die einem bestimmten Farbwert entspricht:

var zr:Number = Math.floor(Math.random() * 256);

Schon haben Sie beispielsweise den roten Farbanteil einer RGB-Farbe. Dieser Farbwert muss nun in einen hexadezimalen Wert umgewandelt werden. Zuerst teilen Sie den Farbwert durch 16 und runden ihn ab:

var r1 = Math.floor(zr / 16);

Als Ergebnis erhalten Sie die erste hexadezimale Ziffer. Anschließend verwenden Sie den Rest der Zahl als zweite hexadezimale Ziffer:

var r2 = zr % 16;

Dies ist eines der wenigen Einsatzgebiete für den Modulo (%). Sie haben nun die beiden Stellen für die hexadezimalen Zahlen berechnet. Allerdings entsprechen die Zahlen von 10 bis 15 im hexadezimalen System den Buchstaben von A bis F. Deswegen müssen Sie diese Zahlen noch in den entsprechenden Buchstaben umwandeln:

var r = hexa(r1) + hexa(r2);

Für die Umwandlung setzen Sie die Funktion hexa() ein. Sie prüft mit einer einfachen switch-case-Fallunterscheidung, welche zweistelligen Zahlen vorkommen, wandelt sie um und liefert das Ergebnis als String:

function hexa(x:Number):String {
   var erg_str:String;
   switch (x) {
   case 10 :
      erg_str = "A";
      break;
   case 11 :
      erg_str = "B";
      break;
   case 12 :
      erg_str = "C";
      break;
   case 13 :
      erg_str = "D";
      break;
   case 14 :
      erg_str = "E";
      break;
   case 15 :
      erg_str = "F";
      break;
   default :
      erg_str = x.toString();
   }
   return erg_str;
}

Sie sehen, bei Farben gestaltet sich eine zufällige Auswahl schwieriger als bei Koordinaten. Trotzdem ist der Zufall ein faszinierendes Instrument. Wie Sie ihn einsetzen und mit den Zeichnungsmethoden oder fortlaufender Animation verknüpfen, zeigt der nächste Abschnitt.

Ihre Meinung

Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de.