sketch.js

function setup() {
  createCanvas(600, 600); //ウィンドウサイズの指定
  background(200, 180, 200); //背景色を指定して1回だけ塗る。

  //頬
  fill(230, 180, 200);
  noStroke();
  ellipse(390, 400, 400, 500); //楕円。中心、幅、高さ

  //鼻の上
  fill(90, 50, 90);
  noStroke();
  circle(0, 280, 220); //円の中心のx,y座標と直径

  //イヤリングカラー
  fill(255, 50, 150);
  stroke(0, 0, 0);
  triangle(550, 0, 300, 600, 550, 600); //三角形の3つの頂

  //
  fill(0, 0, 0);
  stroke(0, 0, 0);
  triangle(550, 0, 370, 600, 390, 600); //三角形の3つの頂

  //鼻の下
  fill(90, 50, 90);
  noStroke();
  triangle(0, 390, 0, 600, 100, 600); //三角形の3つの頂

  //前髪
  fill(0, 0, 0);
  stroke(0, 0, 0); //線の色
  triangle(0, 0, 550, 0, 0, 250); //三角形の3つの頂点

  //耳元イヤリング
  fill(255, 50, 150);
  noStroke();
  triangle(370, 30, 550, 0, 430, 50); //三角形の3つの頂

  //後髪
  fill(0, 0, 0);
  noStroke();
  //多角形を描く
  beginShape();
  vertex(550, 0);
  vertex(600, 0);
  vertex(600, 600);
  vertex(400, 600);
  endShape(CLOSE);

  //まぶた
  noFill();
  stroke(0, 0, 0);
  triangle(140, 220, 170, 310, 300, 170); //三角形の3つの頂

  //白目
  fill(200, 200, 200);
  stroke(0, 0, 0);
  triangle(150, 250, 170, 310, 300, 170); //三角形の3つの頂

  //黒目
  fill(0, 0, 0);
  noStroke();
  triangle(150, 250, 170, 310, 200, 223); //三角形の3つの頂

  //耳
  fill(90, 50, 90);
  noStroke();
  triangle(510, 40, 450, 80, 490, 100); //三角形の3つの頂

  fill(0, 0, 0);
  noStroke();
  triangle(480, 60, 450, 80, 470, 90); //三角形の3つの頂

  //口
  fill(230, 180, 200);
  stroke(0, 0, 0);
  triangle(50, 500, 63, 530, 120, 470); //三角形の3つの頂
}

function draw() {
  // background(0, 0, 0); //背景色を指定して1回だけ塗る。
}

function mousePressed() {
  //マウスのボタンが押し下げられた時の処理
}

function mouseReleased() {
  //マウスのボタンが離された時の処理
}

function keyPressed() {
  if (key == "s") {
    saveCanvas();
  }
}