nigaoe

by mori

2025-05-26 18:07:17

sketch.js

function setup() {
  createCanvas(600, 600); //ウィンドウサイズの指定
  background(0, 0, 0); //背景色を指定して1回だけ塗る。
  strokeWeight(1);
  ellipse(300, 300, 400, 480);
  noStroke();
  circle(100, 300, 100);
  circle(470, 300, 100);

  stroke(0, 0, 0);
  noFill();
  circle(200, 275, 103);
  circle(198, 275, 103);
  circle(200, 273, 103);
  circle(202, 275, 103);
  circle(204, 277, 103);
  circle(204, 275, 103);
  circle(196, 275, 103);
  circle(196, 277, 105);
  circle(200, 279, 103);
  circle(202, 279, 95);
  circle(200, 271, 100);
  circle(202, 271, 100);
  circle(204, 270, 103);
  circle(196, 270, 103);
  circle(200, 275, 97);
  circle(196, 276, 100);
  circle(200, 279, 105);
  circle(202, 279, 103);
  circle(400, 275, 103);
  circle(398, 275, 103);
  circle(400, 273, 103);
  circle(402, 275, 103);
  circle(404, 277, 103);
  circle(404, 275, 103);
  circle(396, 275, 103);
  circle(396, 277, 105);
  circle(400, 279, 103);
  circle(402, 279, 95);
  circle(400, 271, 100);
  circle(402, 271, 100);
  circle(404, 270, 103);
  circle(396, 275, 103);
  circle(400, 275, 97);
  circle(396, 276, 100);
  circle(400, 279, 105);
  fill(0);
  circle(200, 275, 10);
  circle(400, 275, 10);
  circle(300, 337, 5);
  circle(140, 360, 5);
  circle(334, 297, 3);
  circle(280, 519, 3);
  circle(460, 315, 3);

  strokeWeight(1);
  line(300, 300, 340, 350);
  line(340, 350, 300, 350);
  line(302, 300, 340, 350);
  line(340, 350, 300, 348);
  line(302, 300, 340, 352);
  line(340, 350, 300, 346);
  line(302, 304, 340, 352);
  noFill();
  stroke(255, 255, 255);
  circle(304, 750, 600);
  circle(296, 750, 600);
  circle(300, 754, 600);
  circle(300, 746, 600);
  circle(300, 754, 594);
  circle(304, 750, 604);
  ellipse(300, 540, 70, 80);
  ellipse(300, 540, 68, 80);
  ellipse(300, 540, 68, 86);
  ellipse(303, 540, 68, 86);
  stroke(0);
  circle(300, 950, 1024);
  circle(302, 953, 1024);
  circle(300, 948, 1024);
  circle(300, 953, 1020);
  circle(300, 945, 1027);
  circle(270, 950, 1028);
  line(320, 420, 320, 450);
  line(322, 420, 322, 450);
  line(350, 425, 350, 455);
  line(352, 425, 350, 455);
  line(370, 435, 368, 460);
  line(385, 435, 385, 460);
  line(387, 435, 385, 460);
  line(400, 435, 400, 463);
  line(405, 438, 405, 460);
  line(280, 420, 280, 450);
  line(282, 420, 279, 450);
  line(260, 420, 270, 450);
  line(259, 420, 268, 450);
  line(240, 430, 240, 456);
  line(239, 432, 239, 455);
  line(230, 430, 230, 456);
  line(225, 432, 221, 455);
  line(225, 440, 221, 460);
  line(210, 430, 212, 460);
  line(211, 437, 211, 460);
  ellipse(100, 300, 30, 40);
  ellipse(100, 304, 30, 40);
  ellipse(98, 300, 30, 40);
  ellipse(98, 302, 30, 40);
  angleMode(DEGREES);
  arc(150, 150, 100, 120, 40, 250);
  arc(150, 150, 105, 125, 40, 250);
  arc(150, 152, 105, 125, 38, 253);
  arc(150, 151, 105, 116, 33, 255);
  arc(200, 151, 100, 110, 55, 255);
  arc(200, 150, 100, 120, 40, 250);
  arc(200, 150, 105, 125, 40, 250);
  arc(200, 152, 105, 125, 38, 253);
  arc(200, 151, 105, 116, 33, 255);
  arc(200, 151, 100, 110, 55, 255);
  arc(250, 150, 100, 120, 40, 250);
  arc(250, 150, 105, 125, 40, 250);
  arc(250, 152, 105, 125, 38, 253);
  arc(250, 151, 105, 116, 33, 255);
  arc(250, 151, 100, 110, 55, 255);
  arc(300, 150, 100, 120, 40, 250);
  arc(300, 150, 105, 125, 40, 250);
  arc(300, 152, 105, 125, 38, 253);
  arc(300, 151, 105, 116, 33, 255);
  arc(300, 151, 100, 110, 55, 255);
  arc(350, 150, 100, 120, 40, 250);
  arc(350, 150, 105, 125, 40, 250);
  arc(350, 152, 105, 125, 38, 253);
  arc(350, 151, 105, 116, 33, 255);
  arc(350, 151, 100, 110, 55, 255);
  arc(400, 150, 100, 120, 40, 250);
  arc(400, 150, 105, 125, 40, 250);
  arc(400, 152, 105, 125, 38, 253);
  arc(400, 151, 105, 116, 33, 255);
  arc(400, 151, 100, 110, 55, 255);
  arc(450, 150, 100, 120, 40, 250);
  arc(450, 150, 105, 125, 40, 250);
  arc(450, 152, 105, 125, 38, 253);
  arc(450, 151, 105, 116, 33, 255);
  arc(450, 151, 100, 110, 55, 255);
}

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

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


サムネイル画像を変更