P5.js Study 001

Generative Design with p5.js / Sketch P_1_0_01 を試しながらアレンジ。
元ネタ:https://editor.p5js.org/generative-design/sketches/P_1_0_01

See the Pen P_1_0_01 by Wagatsuma Nanao (@black_bear) on CodePen.dark

新たに覚えたコマンド類

noCursor();
// Hides the cursor from view.

noStroke();
// Disables drawing the stroke (outline). 

colorMode(mode: constant, max1: number, max2: number, max3: number, maxAlpha: number);
// Changes the way p5.js interprets color data. 
// Mode: RGB, HSB or HSL

rectMode(mode: constant);
// Modifies the location from which rectangles are drawn.
// mode: CORNER, CORNERS, CENTER or RADIUS

saveCanvas(fileName, extension);
// Saves the current canvas as an image.

gd.timestamp()
// YYMMDD_hhmmss

textFont(fontName: name, [size]);

textSize(size: number);

textAlign(horizAlign: const, [vertAlign: const]);
// horizAlign: LEFT, CENTER or RIGHT

Leave a comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です