kao

by のなかはるき

2025-05-23 14:51:59

sketch.js

function setup() {
  createCanvas(600, 600);
  background(255);

  noStroke();

  // 顔
  fill(0, 135, 133);
  ellipse(200, 100, 600, 600);

  // 顔
  fill(0, 135, 133);
  ellipse(50, 50, 600, 10);

  // 目の外側
  fill(255, 255, 255);
  ellipse(100, 100, 10, 10);
  ellipse(150, 100, 10, 10);

  //
  fill(250, 198, 189);
  ellipse(80, 120, 12, 10);
  ellipse(170, 120, 12, 10);

  // 口
  noFill();
  stroke(255, 255, 255);
  strokeWeight(2);
  bezier(100, 120, 140, 140, 100, 140, 150, 120);

  //
  noStroke();
  fill(0, 135, 133);
  ellipse(400, 460, 300, 400);
}

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

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

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

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

ファイル一覧

  • index.html
  • p5.min.js
  • p5.sound.min.js
  • sketch.js
  • style.css

ファイルを再アップロード


サムネイル画像を変更