about

Teeny tiny turtle brains.

setup

Fetch latest from GitHub directly:

npm install thewhodidthis/taxi

usage

Initialize with a CanvasRenderingContext2D to then be drawing on. For example,

import createTaxi from '@thewhodidthis/taxi'

const canvas = document.createElement('canvas')
const target = canvas.getContext('2d')

const size = 99
const half = size * 0.5

const jack = createTaxi(target)

// Mix in a couple of helper methods for the sake of it
const jill = Object.assign({
  skin(s) {
    target.strokeStyle = s

    return this
  },
  hint(n) {
    target.lineWidth = n

    return this
  }
}, jack)

// Prepare
jill
  // Pen color
  .skin('red')
  // Move to canvas mid
  .goto(canvas.width * 0.5, canvas.height * 0.5)
  // Pen up
  .pu()
  // Go back a bit
  .bk(half)
  // Turn right
  .rt(90)
  // Go back again
  .bk(half)
  // Pen down
  .pd()

const tick = (n) => {
  if (n === 0) {
    return
  }

  jill.move(size).turn(90)

  tick(n - 1)
}

// Be square
tick(4)