taralino

.add

Der Befehl Sprites.add(id, src) erwartet folgende (verpflichtende) Argumente:

Argument	Datentyp	Hinweis
id	Zeichenkette	Sprite-Id
src	Zeichenkette	Pfad zur Bilddatei

Der Befehl dient dazu, eigene Sprites bzw. Bilder zur anschließenden Darstellung einzubinden. Dazu wird die Id id verwendet und src ist der Pfad zur Bilddatei (png- oder jpg-Datei).

Je nach Programmablauf und Browser (Cache-Einstellungen) kann es sein, dass neu hinzugefügte Sprites erst geladen werden müssen bzw. erst innerhalb der setup oder loop-Funktion zur Verfügung stehen.

Aufgrund der Bemerkung zuvor werden im nachfolgenden Beispiel ein oder zwei Bilder einer Sonne dargestellt.

Beispiel

Eine zusätzliche Bilddatei wird als Sprite definiert.

<!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>

Sprites.add("sonne", "sun.png");

Canvas.init([0,20], [0,10], {width:600, background:"lightgrey"});
Canvas.circle(8, 5, 1, {sprite:"sonne"});

function setup() {
  Canvas.circle(12, 5, 1, {sprite:"sonne"});
};

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

Vorschau Download Kopie speichern