const OCM_SIZE = 500;

let posX = -OCM_SIZE

​

function setup() {

  createCanvas(OCM_SIZE, OCM_SIZE)

  frameRate(2.0);

  angleMode(DEGREES)

  rectMode(CORNER)

}

​

function draw() {

  // add your ocmTraits here

  ocmTraits = {

    "Background": 0, 

    "Fur": 16, 

    "Earring": 0, 

    "Hat": 23, 

    "Eyes": 0,

    "Clothes": 20, 

    "Mouth": 0

  }

  // background

  g = createGraphics(OCM_SIZE, OCM_SIZE)

  b = new Background(ocmTraits, OCM_SIZE, g)

  b.render()

  image(g, 0, 0)

  g = createGraphics(OCM_SIZE, OCM_SIZE)

  m = new Monkey(0, 0, ocmTraits, OCM_SIZE, g, true)

  m.render()

  image(g, posX, 0)

  if (posX <= OCM_SIZE) {

    posX += 100

  } else {

    posX = -OCM_SIZE

  }

}