sketch.js
function setup() {
createCanvas(600, 600); //ウィンドウサイズの指定
background(0, 200, 220); //背景色を指定して1回だけ塗る。
stroke(0, 0, 255); //線の色を指定
fill(0, 20, 0); //塗りの色を指定
noStroke(); //線をなしに
circle(300, 300, 500); //丸を書く
fill(230, 0, 255);
// ellipse(200, 200, 100, 50); //楕円を描く(横の直径、縦の直径)
//ellipse(400, 200, 100, 50);
//fill(0, 0, 0);
//rect(150, 150, 100, 50); //長方形を描く
//rect(350, 150, 100, 50);
stroke(255, 255, 255);
line(300, 200, 200, 400); //直線を描く(始点のxy座標
line(200, 400, 300, 400);
noFill();
bezier(100, 500, 300, 400, 600, 400, 500, 500); //曲線
fill(255, 0, 255);
circle(170, 180, 220);
circle(370, 180, 320);
fill(255, 0, 255);
bezier(100, 100, 50, 50, 50, 50, 200, 200);
bezier(500, 50, 200, 200, 300, 200, 300, 100);
noFill();
//triangle(170, 180, 220, 180, 200, 230);
// triangle(370, 180, 420, 180, 400, 230);
//angleMode(DEGREES);//角
//*
}
function draw() {
// background(0, 0, 0); //背景色を指定して1回だけ塗る。
}
function mousePressed() {
//マウスのボタンが押し下げられた時の処理
}
function mouseReleased() {
//マウスのボタンが離された時の処理
}
function keyPressed() {
if (key == "s") {
saveCanvas();
}
}