taralino

.start

Der Befehl Animation.start() erwartet weder (verpflichtende) Argumente noch Optionen.

Die Animation wird gestartet bzw. fortgeführt. Damit ist der Befehl insbesondere dann sinnvoll, falls die Animation über Buttons gesteuert und/oder falls die Animation nicht automatisch gestartet werden soll.

Beispiel

Die Animation startet nicht automatisch und kann über zwei Buttons gesteuert werden.

<!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"});
  Animation.init({autoplay:"off"});
  Button.add("start", "start");
  Button.add("stop", "stop");
  loop();
};

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

function on_click(id) {
  if (id == "start") Animation.start();
  if (id == "stop") Animation.stop();
};

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

Vorschau Download Kopie speichern