Zen andThe Art of Computer Programming: Row, Bot. Row!

Row, Bot. Row!

Row, Bot. Row! lets programmers control the actions and interactions of a group of highly mobile Bots that transport Land-loving Tots across the Water. The Bots and their Tots must be careful around the Rocks while searching for Spots to pick and put the Tots, who like to play and are in pursuit of a final mysterious goal: a RowBotParty.

The bon mot Row, Bot. Row! alludes to Go, Dog. Go!, P. D. Eastman's 1961 children's book, which Steven Dietz and Allison Gregory turned into a musical that is often used as an introduction to theater for young children.

Row, Bot. Row! found inspiration in Karel, the educational programming language for beginning coders created by Richard E. Pattis, who describes Karel in his book Karel The Robot: A Gentle Introduction to the Art of Programming. This author discovered Karel while watching recorded lectures about learning to code at Stanford University.

Fans of Row, Bot. Row! will also enjoy the dynamic Go, Bot. Go!, the helpful Tow, Bot. Tow!, the careful Slow, Bot. Slow!, the stylish Sew, Bot. Sew!, the pastoral Hoe Bot, Hoe!, the mischievous No, Bot. No! (cf. David Shannon's 1998 children's story No, David!), the questionable So, Bot. So!, the epistemological Know, Bot. Know!, the surprising Oh, Bot. Oh! and the computer science classic O, Bot. O!.

<style>
  #universe {
    padding: 20px;
    background-color: darkgray;
    display: inline-block;
  }
  #earth {
    display: inline-block;
    border-style: solid;
  }
  #earth[data-time="day"] {
    background-color: white;
  }
  #earth[data-time="night"] {
    background-color: black;
  }
  div.place {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-width: 3px;
    border-style: groove;
  }
  div.water {
    background-color: blue;
  }
  div.land {
    background-color: brown;
  }
  div.rock {
    background-color: black;
  }
</style>

<div id="universe">
</div>

<script>
  const GOD = window,
        SON = window.document;

let universe = undefined,
      heaven = undefined,
      earth = undefined,
      places = undefined;

function createDiv(id, classList) {
    const product = SON.createElement("div");
    product.id = id;
    if (classList !== undefined && classList.forEach !== undefined) {
      classList.forEach(function(c) {
        product.classList.add(c);
      });
    }
    return product;
  }
  function createHeaven() {
    heaven = GOD.createDiv("heaven");
    universe.appendChild(heaven);
  }
  function createEarth() {
    const length = 10,
          width = 10;
    earth = GOD.createDiv("earth");
    places = [];
    for (let i = 0; i < length; i++) {
      places[i] = [];
      for (let j = 0; j < width; j++) {
        let number = (i * length) + j;
        let id = "area-" + number;
        let place = places[i][j] = GOD.createDiv(id, ["place"]);
        earth.appendChild(place);
      }
      earth.appendChild(SON.createElement("br"));
    }
    universe.appendChild(earth);
  }
  function initializeUniverse() {
    SON.title = "Messiah";
    universe = SON.getElementById("universe");
  }
  function sayLetThereBeLight() {
    earth.dataset.time = "day";
  }
  /*
  GOD.initializeUniverse();
  // Day 1
  GOD.createHeaven();
  GOD.createEarth();
  GOD.sayLetThereBeLight();
  // Day 2
  */
</script>