"use strict"; alert("The effect of Social Distancing\n\nLeft you see the spread of the virus in a population that just doesn't care.\n\nOn the right side people try and keep their distance to each other.\n\nRed dots are infected and contagious.\nGreen dots are (still) healthy.\nBlue dots are recovered and immune.\n\nStay safe!"); let left, right; function setPopulation() { personsRight = []; sneezesRight = []; personsLeft = []; sneezesLeft = []; population = document.querySelector("#sliderRad").value; document.querySelector("#printPop").innerHTML = population; setup(); } function setDaysSick() { personsRight = []; sneezesRight = []; personsLeft = []; sneezesLeft = []; daysSick = document.querySelector("#sliderSick").value; document.querySelector("#printSick").innerHTML = daysSick; setup(); } function setSeparation() { personsRight = []; sneezesRight = []; personsLeft = []; sneezesLeft = []; separation = document.querySelector("#sliderSep").value; document.querySelector("#printSep").innerHTML = separation-1; setup(); } class Person { // All the usual stuff constructor(x, y, _state, _period, _sep) { this.position = createVector(x, y); this.r = 15; this.maxspeed = 3; // Maximum speed this.maxforce = 0.2; // Maximum steering force this.acceleration = createVector(0, 0); this.velocity = createVector(random(-2, 2), random(-2, 2)); this.state = _state; this.period = _period; this.separation = _sep; } applyForce(force) { this.acceleration.add(force); } // Separation // Method checks for nearby persons and steers away separate(persons) { var desiredseparation = this.r * this.separation; var sum = createVector(); var count = 0; // For every person in the system, check if it's too close for (var i = 0; i < persons.length; i++) { var d = p5.Vector.dist(this.position, persons[i].position); // If the distance is greater than 0 and less than an arbitrary amount (0 when you are yourself) if ((d > 0) && (d < desiredseparation)) { // Calculate vector pointing away from neighbor var diff = p5.Vector.sub(this.position, persons[i].position); diff.normalize(); diff.div(d); // Weight by distance sum.add(diff); count++; // Keep track of how many } } // Average -- divide by how many if (count > 0) { sum.div(count); // Our desired vector is the average scaled to maximum speed sum.normalize(); sum.mult(this.maxspeed); // Implement Reynolds: Steering = Desired - Velocity var steer = p5.Vector.sub(sum, this.velocity); steer.limit(this.maxforce); this.applyForce(steer); } } // Method to update location update() { // Update velocity this.velocity.add(this.acceleration); // Limit speed this.velocity.limit(this.maxspeed); this.position.add(this.velocity); // Reset accelertion to 0 each cycle this.acceleration.mult(0); } show(cv) { if (this.state == "not infected") cv.fill(0, 255, 0); else if (this.state == "infected") cv.fill(255, 0, 0); else cv.fill(0, 0, 255); cv.noStroke(); cv.ellipse(this.position.x, this.position.y, this.r, this.r); } // Bounce against the walls borders() { if (this.position.y < this.r / 2) { this.position.y = this.r / 2; this.velocity.y *= -1; } if (this.position.y > height - this.r / 2) { this.position.y = height - this.r / 2; this.velocity.y *= -1; } if (this.position.x < this.r / 2) { this.position.x = this.r / 2; this.velocity.x *= -1; } if (this.position.x > width / 2 - this.r / 2) { this.position.x = width / 2 - this.r / 2; this.velocity.x *= -1; } } } class Sneeze { constructor(_x, _y) { this.pos = createVector(_x, _y); this.vel = createVector(random(-0.25, 0.25), random(-0.25, 0.25)); this.alpha = 80; } show(cv) { cv.fill(80, 0, 80, this.alpha); cv.ellipse(this.pos.x, this.pos.y, 30, 30); cv.fill(0, this.alpha + 100); cv.text("ACHOO!", this.pos.x, this.pos.y) } update() { this.pos.add(this.vel); this.alpha -= 1.5; } } let population = 25; let separation = 3; let daysSick = 5; let personsLeft = []; let personsRight = []; let sneezesLeft = []; let sneezesRight = []; let w, h; let creator; function setup() { var iOS = /iPad|iPhone | iPod/.test(navigator.userAgent) && !window.MSStream; w = (iOS) ? screen.width : window.innerWidth; h = (iOS) ? screen.height : window.innerHeight; createCanvas(w, h-200); creator = createSpan().id("creator"); creator.html("created by marjel101"); right = createGraphics(width / 2, height); left = createGraphics(width / 2, height); left.textAlign(CENTER, CENTER); right.textAlign(CENTER, CENTER); personsLeft[0] = new Person(random(width / 2), random(height), "infected", 60*daysSick, 0); for (var i = 1; i < population; i++) { personsLeft.push(new Person(random(width / 2), random(height), "not infected", 60*daysSick, 0)); } personsRight[0] = new Person(random(width / 2), random(height), "infected", 60*daysSick, separation); for (var i = 1; i < population; i++) { personsRight.push(new Person(random(width / 2), random(height), "not infected", 60*daysSick, separation)); } } function draw() { drawRight(); image(right, width / 2, 0); drawLeft(); image(left, 0, 0); } function drawLeft() { left.background(220); left.fill(0); left.text("ANTI-CORONA PARTY", width/4, 20); for (let p of personsLeft) { p.separate(personsLeft); p.update(); p.borders(); p.show(left); if (p.state == "infected") p.period -= 1; if (p.period <= 0) p.state = "recovered"; } for (let p of personsLeft) { if (p.state == "infected" && p.period % 119 == 0) { sneezesLeft.push(new Sneeze(p.position.x, p.position.y)); } } for (let i = 0; i < sneezesLeft.length; i++) { sneezesLeft[i].update(); sneezesLeft[i].show(left); if (sneezesLeft[i].alpha <= 0) { sneezesLeft.splice(i, 1); } } for (let i = 0; i < personsLeft.length; i++) { for (let j = 0; j < sneezesLeft.length; j++) { if (abs(personsLeft[i].position.x - sneezesLeft[j].pos.x) < 30 && abs(personsLeft[i].position.y - sneezesLeft[j].pos.y) < 30 && personsLeft[i].state == "not infected") { personsLeft[i].state = "infected"; } } } } function drawRight() { right.background(120); right.fill(0); right.text("SOCIAL DISTANCING", width/4, 20); for (let p of personsRight) { p.separate(personsRight); p.update(); p.borders(right); p.show(right); if (p.state == "infected") p.period -= 1; if (p.period <= 0) p.state = "recovered"; } for (let p of personsRight) { if (p.state == "infected" && p.period % 119 == 0) { sneezesRight.push(new Sneeze(p.position.x, p.position.y)); } } for (let i = 0; i < sneezesRight.length; i++) { sneezesRight[i].update(); sneezesRight[i].show(right); if (sneezesRight[i].alpha <= 0) { sneezesRight.splice(i, 1); } } for (let i = 0; i < personsRight.length; i++) { for (let j = 0; j < sneezesRight.length; j++) { if (abs(personsRight[i].position.x - sneezesRight[j].pos.x) < 30 && abs(personsRight[i].position.y - sneezesRight[j].pos.y) < 30 && personsRight[i].state == "not infected") { personsRight[i].state = "infected"; } } } } // 6/2020

Social Distancing during the Covid-19 Crisis