taralino

Das Grid-Paket

Es gibt einige Anwendungsfälle wie zum Beispiel Simulationen, die auf einem schachbrettartigen Spielfeld durchgeführt werden. In derartigen Fällen kann das Grid-Paket eingesetzt werden.

Die vollständige Dokumentation findest du hier:

Zur Referenz

Beispiel

Einige Pixel (Zellen) des Grids (Spielfeldes) werden mit einer zufälligen Farbe 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>
</head>
<body>
<script>

Grid.init(16, 12, {width:400, background:"lightgrey"});

for (var y = 0; y < 12; y++) {
  for (var x = 0; x < 16; x++) {
    if (random(0,1) < 0.1) Grid.pixel(x, y, "red");
    if (random(0,1) < 0.2) Grid.pixel(x, y, "blue");
  }
}

Grid.draw();

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

Vorschau Download Kopie speichern

Beispiel

Ein Grid im Zusammenhang mit einer Animation.

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

var n = 16;
var T = [];

function setup() {
  Grid.init(n, n, {width:320, background:"black"});
  for (var i = 0; i < 40; i++) {
    T.push([Math.floor(random(0,n)), Math.floor(random(0,n)), random(0,1)]);
  }
};

function loop() {
  var t = 0.2*time();
  Grid.clear();
  for (var i = 0; i < T.length; i++) {
    Grid.pixel(T[i][0], T[i][1], (T[i][2]+t)%1);
  }
  Grid.draw();
};

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

Vorschau Download Kopie speichern