taralino

Einleitendes Beispiel

Wir beginnen direkt mit einem ersten Beispiel, um den grundlegenden Aufbau sämtlicher folgender Quellcodes zu verstehen. Dabei ist es wichtig zu wissen, dass in allen Beispielen die ersten sowie die letzten Zeilen identisch sein werden und nur den Rahmen zur Ausführung bieten.

Bei sämtlichen Beispielen handelt es sich eigentlich um eine Webseite (HTML-Seite), welche die taralino-Bibliothek einbindet. Verwendet wird daher die Skriptsprache JavaScript, wobei insbesondere die Befehle und Funktionen der taralino-Bibliothek zum Einsatz kommen.

Beispiel

Unser erste Quellcode zur Programmierung mit JavaScript und taralino: Es sind nur die drei Programmzeilen zwischen den Anweisungen <script> und </script> von Bedeutung, die Zeilen davor bzw. danach werden immer identisch sein und können daher ignoriert 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>

Canvas.init([0,20], [0,12], {width:480, background:"lightgrey"});
Canvas.circle(10, 6, 5, {fill:"red"});
Canvas.rect(10, 6, 6, 2, {fill:"white"});

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

Vorschau Download Kopie speichern

Aufgabe

Mache erste Erfahrungen mit dem Quellcode: Verändere die Farbe des Kreise in blau, indem du im Quellcode red in blue änders und anschließend die Vorschau aktualisiert.