2つの random() 呼び出しと point() 関数を使用して、不規則なのこぎり波線を作成します。Ira Greenbergによるオリジナル。
random noise point
Math
View Source Code
/*
* @name Double Random
* @arialabel Little white dots clump around the horizontal axis on the middle of the screen and change positions every second between being more condensed and scattered
* @frame 720,400 (optional)
* @description Using two random() calls and the point()
* function to create an irregular sawtooth line.
* Original by by Ira Greenberg.
*/
let totalPts = 300;
let steps = totalPts + 1;
function setup() {
// createCanvas(710, 400);
createCanvas(windowWidth, windowHeight);
stroke(255);
frameRate(1);
}
function draw() {
background(0);
let rand = 0;
for (let i = 1; i < steps; i++) {
point((width / steps) * i, height / 2 + random(-rand, rand));
rand += random(-5, 5);
}
}
License
Source code is available on GitHub p5.js website legacy.
All examples are licensed under CC BY-NC-SA 4.0.