91 lines
No EOL
2.1 KiB
JavaScript
91 lines
No EOL
2.1 KiB
JavaScript
const sketch = function (p) {
|
|
p.drawCanvasContent = function () {
|
|
p.background(255);
|
|
for (let i = 0; i <= 50; i++) {
|
|
p.fill(0, 0, 0, 0);
|
|
p.square(
|
|
p.random(p.width / 2),
|
|
p.random(p.height / 2),
|
|
p.random(p.width / 8, p.width / 2)
|
|
);
|
|
}
|
|
};
|
|
|
|
p.setup = function () {
|
|
p.createCanvas(400, 400);
|
|
p.drawCanvasContent();
|
|
};
|
|
|
|
p.mouseMoved = function () {
|
|
p.drawCanvasContent();
|
|
};
|
|
};
|
|
|
|
const sketch2 = function (p) {
|
|
let x, y, xconst, yconst;
|
|
let i = 0;
|
|
|
|
p.setup = function () {
|
|
p.createCanvas(400, 400);
|
|
p.background(255);
|
|
x = p.width / 2;
|
|
y = p.height / 2;
|
|
xconst = 0;
|
|
yconst = 0;
|
|
};
|
|
|
|
p.draw = function () {
|
|
i++;
|
|
if (i > 50) {
|
|
i = 0;
|
|
yconst = p.random(-2, 2);
|
|
xconst = p.random(-2, 2);
|
|
}
|
|
x += p.random(-5, 5) + xconst;
|
|
y += p.random(-5, 5) + yconst;
|
|
p.fill(p.random(255), p.random(255), p.random(255));
|
|
p.noStroke();
|
|
p.ellipse(x, y, 5, 5);
|
|
if (x < 0) x = p.width;
|
|
if (x > p.width) x = 0;
|
|
if (y < 0) y = p.height;
|
|
if (y > p.height) y = 0;
|
|
};
|
|
};
|
|
|
|
const sketch3 = function (p) {
|
|
let randomnessSeed;
|
|
|
|
p.setup = function () {
|
|
randomnessSeed = p.random(100);
|
|
p.createCanvas(400, 400);
|
|
};
|
|
|
|
p.draw = function () {
|
|
const size = 50;
|
|
p.randomSeed(randomnessSeed);
|
|
p.background(255);
|
|
p.noStroke();
|
|
for (let i = 0; i <= p.width; i += size) {
|
|
for (let j = 0; j <= p.height; j += size) {
|
|
p.colorMode(p.HSL);
|
|
p.fill(
|
|
p.random(180) +
|
|
(p.mouseX / p.width) * p.random(90) +
|
|
(p.mouseY / p.height) * p.random(90),
|
|
p.keyIsPressed ? 0 : 100,
|
|
p.random(50) + (p.mouseX / p.width) * 25 + (p.mouseY / p.height) * 25
|
|
);
|
|
let randomsize = 0;
|
|
do {
|
|
randomsize = p.randomGaussian(size / 20) * 20;
|
|
} while (randomsize >= size + size / 10 || randomsize < size / 10);
|
|
p.circle(i, j, randomsize / 2 + (p.mouseY / p.height) * 50);
|
|
}
|
|
}
|
|
};
|
|
};
|
|
|
|
p5Sketch = new p5(sketch);
|
|
p5Sketch2 = new p5(sketch2);
|
|
p5Sketch3 = new p5(sketch3); |