Sprite for drawing your own turtle

The Sprite class is a "blank" turtle that you can draw on yourself.

To make a Sprite, use s = new Sprite. (Here s can be any variable name we choose). By default, a Sprite is a perfectly blank 256 pixel square. It is invisible.

The Sprite constructor accepts an optional argument to change its default color and size. A non-transparent color lets us see a Sprite's boundaries:

s = new Sprite
  color: gray
  height: 128
  width: 128
s.pen blue
s.rt 135
s.fd 200

There are two ways to draw on a Sprite: by using the drawon method, or by using raw HTML5 canvas operations.

Drawing a sprite with drawon

A turtle t or other element can draw on Sprite s by saying t.drawon s. The global drawon function just does this for the main turtle:

s = new Sprite
t = new Turtle
t.drawon s
t.dot red, 100
t.pen blue, 10
t.fd 100
t.pen null
t.ht()
sync s, t
s.lt 90
s.fd 200

Built-in Sprite subclasses

There are several built-in subclasses of Sprite. They include Turtle, which looks like the main turtle; Piano, which looks like a piano keyboard; and Webcam, which reflects a laptop webcam.