ボタンを生成し、クリックすることで四角を描画する。 let button; function setup() { createCanvas(400, 400); colorMode(HSB, 360, 100, 100, 100); background(random(360),100,100,10); button = createButton("ボタン"); button.position(20, 20); but…

3Dを扱うプログラミング function setup() { createCanvas(400, 400, WEBGL); colorMode(HSB, 360, 100, 100, 100); background(0, 0, 0); angleMode(DEGREES); } function draw() { background(0, 0, 20); push(); translate(0, sin(frameCount)*100, 0); r…

配列を使ったプログラミング 箱を作ってそれに数字や文字を入れ、それを呼び出す。 0番目の箱の文字を呼び出し、textとして表示する。 let arr = []; //箱作る function setup() { createCanvas(400, 400); colorMode(HSB, 360, 100, 100, 100); arr[0] = 10…

画像を使ったプログラミング https://editor.p5js.org/yetirom/sketches/rJmA67fyV let img; function preload() { img = loadImage("img_0003.jpg") } function setup() { createCanvas(640, 480); colorMode(HSB, 360, 100, 100, 100); } function draw() …

音とフォントを使ったプログラミング 音を使ったプログラミングで、sketch fileに音声を入れてます。 音が1度だけ流れるプログラム https://editor.p5js.org/yetirom/sketches/S1qRJxKAX let sound; function preload() { sound = loadSound("jingle.mp3"); …