taralino

Die Funktion loop

Die Funktion loop() wird automatisch und sich ständig wiederholend aufgerufen, um Animationen in Abhängigkeit der Zeit definieren zu können.

Der Funktion werden keine Argumente übergeben.

Weitere Informationen dazu sind auch in der Befehlreferenz zum Animation-Paket zu finden.

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