eryn/p5js-experiments
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tweak the reticle drawing some more

Browse source
This commit is contained in:
Eryn Wells 2022-01-24 07:54:37 -08:00
parent 133bb24018
commit 56e7160ea6
1 changed files with 13 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

20
first-local-server/sketch.js
View file

@ -2,7 +2,7 @@ class Arc {
constructor(radius, length, speed, weight) {
this.size = radius * 2.0;
this.length = length;
this.speed = speed / weight;
this.speed = speed / (length * weight);
this.weight = weight;
this.offset = Math.random() * TWO_PI;
}
@ -11,13 +11,15 @@ class Arc {
stroke('rgba(20%, 50%, 100%, 0.7)');
strokeWeight(this.weight);
noFill();
arc(200, 200, this.size, this.size, this.offset, this.offset + QUARTER_PI);
arc(200, 200, this.size, this.size, this.offset, this.offset + this.length);
}
tick() {
this.offset += this.speed;
if (this.offset > TWO_PI) {
this.offset = this.offset - TWO_PI;
} else if (this.offset < 0) {
this.offset = TWO_PI + this.offset;
}
}
}
@ -27,17 +29,21 @@ let arcsToDraw = [];
function createArcs() {
console.log("Creating Arcs");
const maximumLenth = PI;
const minimumLength = PI / 4;
const maximumLenth = PI / 3;
const minimumLength = PI / 6;
const minimumSpeed = 0.02;
const maximumSpeed = 0.08;
const maximumWeight = 12;
const minimumWeight = 8;
arcsToDraw = new Array();
let radius = 25;
while (arcsToDraw.length < 20) {
let length = Math.random() * (maximumLenth - minimumLength) + minimumLength;
let speed = Math.random() * 0.05;
let weight = Math.random() * (15 - 8) + 8;
let speed = (Math.random() > 0.9 ? 1 : -1) * (Math.random() * (maximumSpeed - minimumSpeed) + minimumSpeed);
let weight = Math.random() * (maximumWeight - minimumWeight) + minimumWeight;
arcsToDraw.push(new Arc(radius, length, speed, weight));
radius += 7.5;
radius += 7;
}
}