taralino

Grid

Das Grid-Paket bietet die Möglichkeit, ein Gitternetz bestehend aus farbigen quadratischen Punkten (sogenannten Pixel) darzustellen. Dazu werden nur wenige Befehle benötigt.

Übersicht

Das Grid-Paket stellt folgende Befehle zur Verfügung:

Beispiel

Es wird ein Fisch skizziert aus einigen Pixeln dargestellt.

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

Grid.init(7, 5, {width:350, background:"blue"});
Grid.pixel(1, 1, "yellow");
Grid.pixel(1, 3, "yellow");
Grid.pixel(2, 2, "yellow");
Grid.pixel(3, 1, "yellow");
Grid.pixel(3, 2, "yellow");
Grid.pixel(3, 3, "yellow");
Grid.pixel(4, 1, "yellow");
Grid.pixel(4, 2, "black");
Grid.pixel(4, 3, "yellow");
Grid.pixel(5, 2, "yellow");
Grid.draw();

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

Vorschau Download Kopie speichern

Beispiel

Es wird eine Blume sowie eine Fliege dargestellt.

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

Grid.init(10, 10, {width:240, background:"blue"});

Grid.pixel(3, 6, "black");
Grid.pixel(2, 7, "white");
Grid.pixel(4, 7, "white");

Grid.pixel(7, 0, "green");
Grid.pixel(7, 1, "green");
Grid.pixel(7, 2, "green");
Grid.pixel(8, 2, "green");
Grid.pixel(6, 4, "yellow");
Grid.pixel(7, 4, "orange");
Grid.pixel(8, 4, "yellow");
Grid.pixel(7, 5, "yellow");
Grid.pixel(7, 3, "yellow");

Grid.draw();

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

Vorschau Download Kopie speichern