Anson/Resume
1
0
Fork 0
mirror of https://gitlab.com/MisterBiggs/Resume.git synced 2025-06-16 01:16:39 +00:00
Code Releases Activity

give mouse gravity

Browse Source
This commit is contained in:
Anson Biggs 2022-05-14 17:07:53 -07:00
parent 82d7d557f7
commit 1a0817ddff
2 changed files with 89 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
p5/mover.js
View File

@ -6,58 +6,73 @@
// https://editor.p5js.org/codingtrain/sketches/MkLraatd
class Mover {
constructor(x, y, vx, vy, m) {
this.pos = createVector(x, y);
this.maxSpeed = 10;
this.vel = createVector(vx, vy);
this.acc = createVector(0, 0);
this.mass = m;
this.r = sqrt(this.mass) * 0.75;
this.col = color(255);
}
attract(other) {
let force = p5.Vector.sub(this.pos, other.pos);
constructor(x, y, vx, vy, m) {
this.pos = createVector(x, y);
this.maxSpeed = 10;
this.vel = createVector(vx, vy);
this.acc = createVector(0, 0);
this.mass = m;
this.r = sqrt(this.mass) * 1;
this.col = color(255);
}
mouse_mass() {
if (focused) {
let force = p5.Vector.sub(createVector(mouseX, mouseY), this.pos);
let distanceSq = constrain(force.magSq(), 10, 1000);
let G = 3;
let strength = (G * this.mass * other.mass) / distanceSq;
let strength = (G * this.mass * 50) / distanceSq;
force.setMag(strength);
other.applyForce(force);
this.applyForce(force);
// noStroke();
// fill("lightgreen");
// ellipse(mouseX, mouseY, 30);
}
applyForce(force) {
let f = p5.Vector.div(force, this.mass);
this.acc.add(f);
}
attract(other) {
let force = p5.Vector.sub(this.pos, other.pos);
let distanceSq = constrain(force.magSq(), 10, 1000);
let G = 3;
let strength = (G * this.mass * other.mass) / distanceSq;
force.setMag(strength);
other.applyForce(force);
}
applyForce(force) {
let f = p5.Vector.div(force, this.mass);
this.acc.add(f);
}
edges() {
if (this.pos.y >= height - this.r) {
this.pos.y = height - this.r;
this.vel.y *= -1;
} else if (this.pos.y <= this.r) {
this.pos.y = this.r;
this.vel.y *= -1;
}
edges() {
if (this.pos.y >= height - this.r) {
this.pos.y = height - this.r;
this.vel.y *= -1;
} else if (this.pos.y <= this.r) {
this.pos.y = this.r;
this.vel.y *= -1;
}
if (this.pos.x >= width - this.r) {
this.pos.x = width - this.r;
this.vel.x *= -1;
} else if (this.pos.x <= this.r) {
this.pos.x = this.r;
this.vel.x *= -1;
}
if (this.pos.x >= width - this.r) {
this.pos.x = width - this.r;
this.vel.x *= -1;
} else if (this.pos.x <= this.r) {
this.pos.x = this.r;
this.vel.x *= -1;
}
update() {
this.vel.add(this.acc);
this.vel.limit(this.maxSpeed);
this.pos.add(this.vel);
this.acc.set(0, 0);
}
show() {
noStroke();
fill(this.col);
ellipse(this.pos.x, this.pos.y, this.r * 2);
}
}
}
update() {
this.vel.add(this.acc);
this.vel.limit(this.maxSpeed);
this.pos.add(this.vel);
this.acc.set(0, 0);
}
show() {
noStroke();
fill(this.col);
ellipse(this.pos.x, this.pos.y, this.r * 2);
}
}

35
p5/sketch.js
View File

@ -9,27 +9,42 @@ let movers = [];
let attractor;
var canvas;
function windowResized(){
resizeCanvas(windowWidth, windowHeight);
function windowResized() {
resizeCanvas(windowWidth, windowHeight);
}
function setup() {
canvas = createCanvas(windowWidth, windowHeight);
canvas.position(0, 0);
canvas.style("z-index", "-1")
canvas.style("z-index", "-1");
movers[0] = new Mover(width/4, height, 5, -5, 55);
movers[0].col = color('red');
movers[1] = new Mover(3*width/4, height, -5, -5, 50);
movers[1].col = color('white');
movers[2] = new Mover(2*width/4, height, -5, -5, 45);
movers[2].col = color('blue');
movers[0] = new Mover(10, 10, 5, -5, 50);
movers[0].col = color("red");
movers[1] = new Mover(width / 2, height / 2, -5, -5, 60);
movers[1].col = color("white");
movers[2] = new Mover(width - 10, height - 10, -5, -5, 40);
movers[2].col = color("blue");
// Gay Mode
// movers[0] = new Mover(0, 0, 5, -5, 50);
// movers[0].col = color('#D12229');
// movers[1] = new Mover(width/5, height/5, -5, -5, 50);
// movers[1].col = color('#F68A1E');
// movers[2] = new Mover(2*width/5, 2*height/5, -5, -5, 50);
// movers[2].col = color('#FDE01A');
// movers[3] = new Mover(3*width/5, 3*height/5, -5, -5, 50);
// movers[3].col = color('#007940');
// movers[4] = new Mover(4*width/5, 4*height/5, -5, -5, 50);
// movers[4].col = color('#24408E');
// movers[5] = new Mover(width, height, -5, -5, 50);
// movers[5].col = color('#732982');
background(0);
}
function draw() {
background(0, 75);
for (let mover of movers) {
mover.mouse_mass();
for (let other of movers) {
if (mover !== other) {
mover.attract(other);
@ -41,4 +56,4 @@ function draw() {
mover.edges();
mover.show();
}
}
}