//最初に一回だけ実行
function setup()
{
//キャンパスを作成
createCanvas(400,400);
//背景色

}

//1秒に60回実行
function draw()
{
background(255);
//図形の線なし
noStroke();
//オブジェクトの色をランダム(透明度70)
fill(random(255),random(255),random(255),70);
//
ellipse(random(width),random(height),random(90));

}

function setup() {
createCanvas(400, 400);

}
let x = 0;
function draw() {
background(220);

if(x > 440)
{
x = 0;
}

fill(0, 255, 0);
ellipse(x, 100, 70, 40);
x = x +0.8;
describe(‘green circle at x pos’ + round(x) + ‘ moving to the right’);
}

実際は緑の丸が左から右へ移動している。

let slider;
function setup() {
createCanvas(400, 400);
slider = createSlider(0, 255, 105);
slider.position(10, 10);
slider.style(‘width’, ‘100px’);
}

function draw()
{
let val = slider. value();
background(val);

}

 

おすすめ記事