taralino

Eigene Grafikobjekte

Schließlich ist es auch möglich, eigene Grafikobjekte einzubinden:

Eigene Grafikobjekte sollten innerhalb der setup-Funktion definiert werden. Schau dir dazu auch die Hinweise in der Referenz an.

Beispiel

Das Sprites-Paket.

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

function setup() {
  Sprites.add("sonne", "sun.png");
  Canvas.init([-4,4], [-2,2], {background:"lightgrey", width:480});
};

function loop() {
  Canvas.clear();
  Canvas.circle(0, 0, 1, {sprite:"sonne"});
};

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

Vorschau Download Kopie speichern

Aufgabe

Mache dich mit dem Quellcode zuvor vertraut. Ergänze anschließend das Grafikobjekt aus folgender Quelle (Pfad zur Bilddatei): https://www.taralino.de/images/favicon.png