sketch.js

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

  //右目
  fill(255, 0, 0, 150); //塗りの色を指定
  noStroke(); //せんを「なし」にする
  circle(400, 200, 100); // えんを描く
  noFill(); //塗りを「なし」にする


  //左目
  noStroke(); //図形の線を「なし」にする
  fill(255, 255, 100); //RGBで塗りの色を指定
  circle(150, 200, 200); //円の中心のx,y座標と直径
  noFill(); //塗りを「なし」にする


  stroke(0, 255, 0);
  //多角形を描く
  beginShape();
  vertex(250, 300);
  vertex(450, 300);//右から二番目
  vertex(300, 400);
  vertex(250, 350);
  vertex(250, 350);
  endShape(CLOSE);

stroke(0, 255, 0);
//多角形を描く
beginShape();
vertex(200, 430);
vertex(400, 450);//右から二番目
vertex(400, 500);
vertex(250, 500);
vertex(250, 550);
endShape(CLOSE);


  // 目
  fill(0); // 黒色
  ellipse(170, 150, 50, 50); // 左目
  ellipse(430, 180, 20, 20); // 右目
  
  // 口
  noFill(); // 塗りを無効にする
  stroke(0); // 黒色


}

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

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

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

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