taralino

Die Funktion setup

Die Funktion setup() wird genau dann aufgerufen, wenn die aktuell Seite vollständig geladen ist.

Der Funktion werden keine Argumente übergeben.

Dadurch lassen sich insbesondere Initialisierungen (Definitionen) vornehmen, welche in der anschließenden Animation mittels loop()-Funktion benötigt werden. Beispielsweise lässt sich hier eine Canvas-Zeichenfläche definieren.

Beispiel

Zunächst wird innerhalb von setup() eine Canvas-Zeichenfläche definiert. Unter Verwendung der loop()-Funktion wird anschließend eine Animation in Abhängigkeit der Zeit durchgeführt.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

function setup() {
  Canvas.init([-2,2], [-2,2], {width:300, background:"black"});
};

function loop() {
  var t = time();
  Canvas.clear();
  Canvas.circle(0, 0, 1.2, {fill:"blue"});
  Canvas.rect(0, 0, 3, 0.3, {fill:"white", angle:t});
  Canvas.circle(0, 0, 0.8, {fill:"red"});
};

</script>
</body>
</html>

Vorschau Download Kopie speichern