似顔絵

by 吉田彩波

2024-05-06 19:37:59

sketch.js

function setup() {
  createCanvas(600, 600); //ウィンドウサイズの指定
  background(0, 24, 139); //背景色を指定して1回だけ塗る。
  stroke(0,0,0)//線の色
	
	fill(219,193,86);//髪塗り
	bezier(564,540,600,463,456,40,357,-58,366,127,348,55);//うしろ髪
	
	fill(255,200,200);//肌塗り
	circle(267,358,434);//肌
	
	line(244,516,282,516);//口
	
	fill(204,204,204);//白目塗り
	ellipse(151,401,129,113);//左の目
	ellipse(372,401,129,113);//左の目
	
	fill(20,104,88);//目塗り
	ellipse(170,401,75,90);//左の目
	ellipse(392,401,75,90);//左の目
	
	fill(8,38,32);//瞳孔塗り
	ellipse(173,401,40,49);//左の目
	ellipse(392,401,40,49);//左の目
	
	fill(219,193,86);//髪塗り
	angleMode(DEGREES);//
	arc(266,350,500,500,180,0,PIE);//円弧をかく
	
	
	
	
}

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

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

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

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

ファイル一覧

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

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


サムネイル画像を変更