p5.js
function setup() { createCanvas(480, 480); } var r = 10; function draw() { background('skyblue'); noStroke(); //mouseX, mouseYでマウスの動きに追従する ellipse(mouseX, mouseY, r, r); //マウスが押されたときに円の色が変わる if (mouseIsPressed…
function setup() { createCanvas(480, 480); background('skyblue'); } function draw() { noStroke(); //赤い四角 fill('red'); rect(0, 0, 100, 100); //push(); pop(); 座標の保存 //赤い四角の描写座標を保存して、下の青い四角の変形をすることができ…
[codepen_embed height="265" theme_id="0" slug_hash="qKJOQW" default_tab="js,result" user="kyamashiro"]See the Pen p5.js by kyamashiro (@kyamashiro) on CodePen.[/codepen_embed]
p5.js https://dotinstall.com/lessons/basic_p5js ・基礎知識 ・□ が移動をループする [codepen_embed height="265" theme_id="light" slug_hash="XYVVvL" default_tab="html,result" user="kyamashiro" preview="true" data-preview="true"]See the Pen p5…