Your browser does not support the canvas tag.

previous        Show / Hide Source        Download        next
//Okami Adventures
// By: Mya Cordner-Cassidy
//Tag along side Amaterasu and Issun as they travel through Nippon to save the world! 

void setup() {

  //canvas size
  size(400, 400);

  frameRate(60);
}

void mousePressed() {
  println("Let's Go Furball!");
}

void draw() {

  //background -> changes from light blue to dark blue
  background(172, 236, 229);
  //dark blue sky
  fill(000, 013, 96, mouseY-120);
  rect(0, 0, 400, 400);

  //Neck
  noStroke();
  fill(223, 215, 197);
  rect(100, 240, 200, 120);

  //Jaw
  noStroke();
  fill(227, 220, 205);
  triangle(80, 240, 160, 300, 160, 340);
  triangle(320, 240, 240, 240, 240, 340);
  rect(160, 300, 80, 40);

  //Left ear
  stroke(227, 220, 205);
  fill(227, 220, 205);
  triangle(60, 20, 120, 140, 160, 120);
  stroke(223, 215, 197);
  fill(223, 215, 197);
  triangle(60, 20, 80, 200, 120, 140);

  //Right ear
  stroke(227, 220, 205);
  fill(227, 220, 205);
  triangle(340, 20, 280, 140, 240, 120);
  stroke(223, 215, 197);
  fill(223, 215, 197);
  triangle(340, 20, 320, 200, 280, 140);

  //Amaterasu's head
  stroke(227, 220, 205);
  fill(227, 220, 205);
  ellipseMode(CENTER);
  ellipse(200, 200, 240, 240);

  //Red Markings
  stroke(210, 06, 0);
  fill(210, 06, 0);
  triangle(120, 240, 130, 230, 160, 250);
  triangle(120, 240, 130, 230, 130, 200);
  triangle(280, 240, 270, 230, 240, 250);
  triangle(280, 240, 270, 230, 270, 200);
  triangle(170, 250, 170, 220, 160, 230);
  triangle(160, 210, 150, 220, 130, 180);
  triangle(230, 250, 240, 230, 230, 220);
  triangle(250, 220, 240, 210, 270, 180);
  triangle(200, 260, 210, 180, 190, 180);
  ellipseMode(CENTER);
  ellipse(200, 150, 80, 80);
  stroke(227, 220, 205);
  fill(227, 220, 205);
  ellipseMode(CENTER);
  ellipse(200, 150, 60, 60);

  //Eyes
  stroke(0);
  fill(0);
  ellipseMode(CENTER);
  ellipse(240, 220, 20, 20);
  ellipseMode(CENTER);
  ellipse(160, 220, 20, 20);

  //Nose
  stroke(0);
  fill(0);
  ellipseMode(CENTER);
  ellipse(200, 300, 40, 20);

  //Issun => darker green
  stroke(58, 184, 44, 127);
  fill(58, 184, 44, 127);
  ellipseMode(CENTER);
  ellipse(200, mouseX-100, 80, 80);

  // Issun => lighter green
  stroke(149, 226, 140);
  fill(149, 226, 140);
  ellipseMode(CENTER);
  ellipse(200, mouseX-100, 40, 40);
}