generated at
p5.js:JavaScript
p5.jsで学ぶJavaScript基礎

JavaScript以前の基礎知識

JavaScriptの基礎知識


と、ここまでで、とりあえず スケッチは描けるはず。

JavaScriptの知識


変数定義
sketch.js
"use strict" const sizeX = 500 const sizeY = 500 const radius = 20

sketch.js
function setup() { createCanvas(sizeX, sizeY) // 横500 縦500 ピクセル のキャンバスを作成する background('#eee') // キャンバスの色(背景色)を白に近いグレーに指定する }

sketch.js
function draw() { stroke('#aaa') // 描画する色を指定 let posX = sizeX / 2 let posY = sizeY / 2 ellipse(posX, posY, radius, radius) // 円を描く }

sketch.js
function mousePressed() { ellipse(mouseX, mouseY, radius, radius); // prevent default return false; }

実行→sketch.js

p5.js
JavaScript