taralino

Ränder

Einige der vordefinierten Sprites haben größere Ränder bzw. Bildelemente, die teils bewusst größer sind als die eigentlich zu zeichnende Form. Daher lohnt es sich, die Größe der darzustellenden Form genau zu prüfen oder aber auch die Bildgröße der Sprites abzufragen:

Zur Referenz

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>

Canvas.init([-5,5], [-3,3], {background:"lightgrey", width:480});

Canvas.box( -2, 0, 2, {fill:"none", stroke:"blue"});
Canvas.box( -2, 0, 2, {sprite:"animal-box-giraffe"});

Canvas.box( 2, 0, 2, {fill:"none", stroke:"blue"});
Canvas.box( 2, 0, 4, {sprite:"animal-box-giraffe"});

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

Vorschau Download Kopie speichern

Aufgabe

Mache dich mit dem Quellcode zuvor vertraut. Schaue dir anschließend an, wie es sich mit den Rändern bei den enemies-Sprites verhält.

Zur Referenz