//Maggie Ma
//Section D
//Final Project Virus Simulator

var dots = [];
var infectionRadius = 20; //light red infection radius 
var rpc = 19000; //repelling constant


function setup() {

    createCanvas(600, 600);
 	for (i = 0; i < 100; i++) { //create 100 healthy dots
		var p = new dot();
		dots.push(p);
	}
	frameRate(20);
}

function draw() {
	background(255);

	for (var i = 0; i< dots.length; i++) { //draw uninfected dots
		dots[i].update();
		dots[i].show();
	}
	if (frameCount ==100){
		dots[9].infected = true; //after 100 frameCount, one dot becomes sick
	}
	//dots infect eachother if come in contact in the "infectionRadius"
	for (var m = 0; m<dots.length; m++) {
		for (var i = 0; i < dots.length; i++) {
			if (dist(dots[m].x, dots[m].y,
		dots[i].x, dots[i].y) <= infectionRadius) {
				if (dots[m].infected == true) {
						dots[i].infected = true;
			}
		}
		}
	}
	//Social Distance dot that repels all infected dots
	ellipseMode(CENTER);
	noStroke();
	fill(0,0,0,100);
	ellipse(mouseX,mouseY,100,100);
	fill(0);
	ellipse(mouseX,mouseY,25,25);

	var sickcounter = 0;
	//var healthycounter = 100;

	for (var i = 0; i < dots.length; i ++) {
		if(dots[i].infected ==true) {
			sickcounter++;
			//healthycounter--;
		}
	}
	noStroke();
	fill(200);
	textSize(12);
	text("You are the social distancing particle.", 10, 25);
	text("Press any key to add healthy particles.", 10, 50);
	fill(200);
	text("Press 'Return' key to reset.", 10, 75);
	text("Sick Particles:", 10,100);
	text(sickcounter, 130,100);

	
}

//add new uninfected dots by pressing key
function keyPressed() {
	dots.push(new dot(mouseX, mouseY));
	//healthycounter++;

	//if click "Return key" simulation resets.
	if (keyCode === RETURN) {
		for (var m = 0; m<dots.length; m++) {
			for (var i = 0; i < dots.length; i++) {
				if(dots[i].infected == true) {
					dots[i].infected = false;
					dots[9].infected = true;
					sickcounter = 0;
			}
		}
		}
	}
}

class dot { 

	constructor() { 
		this.x =random(3.5, width-3.5);
		this.y =random(3.5,height-3.5);
		this.dx =random(-10,7);
		this.dy =random(-10,7);
		this.infected = false
		this.history = [];
	}

	update() { 
		//move black dots
		this.x+= this.dx; 
		this.y+=this.dy;

		//bounce off the edges of the canvas
		if (this.x > width) { //bounce off right wall
			this.x = width - (this.x - width);
			this.dx = -this.dx
		} else if (this.x < 0) { //bounce off left wall
			this.x = -this.x;
			this.dx = -this.dx
		}
		if (this.y > height) { // bounce off bottom
       		this.y = height - (this.y - height);
        	this.dy = -this.dy; 
    	} else if (this.y < 0) { // bounce off top
        	this.y = -this.y;
        	this.dy = -this.dy;
		}

		//create the particle trail
		var v = createVector(this.x, this.y);
		this.history.push(v);
		if (this.history.length>15) { //trail is 15 ellipses long
			this.history.splice(0,1); //splice out the trail circle at index 0
		}

		//effect of the social distancing repeller
		var dp = dist(this.x, this.y, mouseX, mouseY);
    	var f = rpc /(Math.pow(dp, 2)); //Math.pow is exponent w/ base dp
    	var dirx = (this.x - mouseX)/dp;
   		var diry = (this.y - mouseY)/dp;
    	this.x += f*dirx;
    	this.y += f*diry;
	}	

	show() { 
		//if dot is infected, color red
		if (this.infected ==true) {
			noStroke();

			//creating dot "tail"
			for (var i = 0; i < this.history.length; i++) {
				var pos = this.history[i];
				fill('red');
				ellipse(pos.x,pos.y, i*.15, i*.15) 
			}
			//drawing red dot
			fill(255,0,0,100);
			ellipse(this.x, this.y, 30,30);
			fill('red');
			ellipse(this.x,this.y,10,10);

		//else if dot is uninfected, color black dot
		} else {
			noStroke();
			//creating dot "tail"
			for (var i = 0; i < this.history.length; i++) {
				var pos = this.history[i];
				fill(0);
				ellipse(pos.x,pos.y, i*.15, i*.15) 
			}
			fill(0);
			ellipse(this.x,this.y, 10,10); 
		}
	}
}

//Maggie Ma
//Section D
//Generative Landscape

var buildings = [];
var hills = [];
var noiseParam = 0;
var noiseStep = 0.02;
var trees = [];
var birds = [];


function setup() {
    createCanvas(400, 500); 
    strokeWeight(4);
    
    // create an initial collection of buildings
    for (var i = 0; i < 2; i++){
        var rx = random(width);
        buildings[i] = makeBuilding(rx);
    }
    //create an initial collection of birds
    for (var i = 0; i < 3; i++){
        var rx = random(width);
        birds[i] = makeBird(rx);
    }

    // drawing hills in the back
    for (var i = 0; i<width/5 +1; i++) {
    	var n = noise(noiseParam);
    	var value = map(n,0,1,0,height+50);
    	hills.push(value);
    	noiseParam+=noiseStep;
    }
    frameRate(15);
}


function draw() {
    background(255,203,186); //light pink

    //sun
    fill(253,165,0); //yellow
    circle(width/2, height/2-70, 120.438 );

    //birds
    updateandDisplayBird();
    removeBirdThatHaveSlippedOutOfView();
    addNewBirdWithSomeRandomProbability();	

    //hills
    drawHills();
    displayHorizon();

    //building
    updateAndDisplayBuilding();
    removeBuildingsThatHaveSlippedOutOfView();
    addNewBuildingsWithSomeRandomProbability(); 

   //trees
    updateAndDisplayTrees();
    removeTreesThatHaveSlippedOutOfView();
    addNewTreesWithSomeRandomProbability(); 
}

function drawHills() {
	hills.shift();
    var n = noise(noiseParam);
    var value = map(n,0,1,0,height+50);
    hills.push(value);
    noiseParam += noiseStep;

    beginShape();
    vertex(0,height);
    for(var i =0; i <= width/5; i++) {
    	fill(255,163,130); //pink color
    	strokeWeight(4);
    	vertex((i*5),hills[i]);
    
    }
    vertex(width,height);
    endShape();
}

//creating trees
function makeTree(birthLocationX) {
    var t = {x: birthLocationX,
                breadth: round(random(10,30)),
                speed: -5.0,
                y: random(10, 40), //randomize tree size and location
                w: random(30, 40),
                h: random(40, 60),
                move: treeMove,
                display: treeDisplay}
    return t;
}

function treeMove() {
    this.x += this.speed;
}

function treeDisplay() {
    push();
    translate(this.x, height -125);
    strokeWeight(4); 
    fill(80,202,119);
    //leaves
  	ellipse(this.x,this.y, this.w, this.h);
  	//trunk
  	line(this.x, this.y+10, this.x, this.y+70);
    pop();
}

function updateAndDisplayTrees(){
    for (var i = 0; i < trees.length; i++){
        trees[i].move();
        trees[i].display();
    }
}

function removeTreesThatHaveSlippedOutOfView(){
    var treesToKeep = [];
    for (var i = 0; i < trees.length; i++){
        if (trees[i].x + trees[i].breadth > 0) {
            treesToKeep.push(trees[i]);
        }
    }
    trees = treesToKeep;
}
function addNewTreesWithSomeRandomProbability() {
    var newTreeLikelihood = 0.07; 
    if (random(0,1) < newTreeLikelihood) {
        trees.push(makeTree(width));
    }
}

//creating building
function makeBuilding(birthLocationX) {
    var bldg = {x: birthLocationX,
                breadth: 70,
                speed: -8.0,
                w: random(70,110), //randomize width
                move: buildingMove,
                display: buildingDisplay}
    return bldg;
}

function buildingMove() {
    this.x += this.speed;
}

function buildingDisplay() {
	push();
    strokeWeight(4); 
    fill(253,165,0); //yellow block on right side
  	rect(this.x ,315.478 ,this.w ,137.574);
  
  	rect(this.x - 55.901, 364.514 ,15.016 ,88.538); //yellow pillars
  	rect(this.x +7.51, 364.514 ,15.016 ,88.538);
  	rect(this.x-28.083,180.775,23.237,26.131); //yellow top
  	fill(255,255,255);
  	rect(this.x-33.153,206.996,33.377,33.377); //middle section
  	fill(253,165,0);
  	rect(this.x-21.845,219.566,10.762,20.807);
  	fill(255,255,255);
  	rect(this.x-40.661, 240.463,48.108 ,212.59 ); //bottom base
  	fill(0,195,227);
  	rect(this.x-40.661,259.105,15.016 ,25.094); //turquoise designs
  	rect(this.x-40.661,302.931,15.016 ,25.094);
  	rect(this.x-7.508,259.105,15.016 ,25.094 );
  	rect(this.x-7.508, 302.931,15.016 ,25.094);
  	fill(225,43,0);
  	rect(this.x-40.885,346.758,15.016,106.295); //red designs
  	rect(this.x-7.508,346.758,15.016,106.295);
  	line(this.x-25.869,240.8 ,this.x-25.869,453.053);
  	line(this.x-7.508,240.8 ,this.x-7.508,453.053);

    pop();
}

function updateAndDisplayBuilding(){
    for (var i = 0; i < buildings.length; i++){
        buildings[i].move();
        buildings[i].display();
    }
}

function removeBuildingsThatHaveSlippedOutOfView(){
    var buildingToKeep = [];
    for (var i = 0; i < buildings.length; i++){
        if (buildings[i].x + buildings[i].breadth > 0) {
            buildingToKeep.push(buildings[i]);
        }
    }
    buildings = buildingToKeep;
}
function addNewBuildingsWithSomeRandomProbability() {
    var newBuildingLikelihood = 0.015; 
    if (random(0,1) < newBuildingLikelihood) {
        buildings.push(makeBuilding(width));
    }
}

//creating birds
function updateandDisplayBird(){
    for (var i = 0; i < birds.length; i ++){
        birds[i].move();
        birds[i].display();
    }
}

function removeBirdThatHaveSlippedOutOfView(){
    var keepBirds=[];
    for (var i = 0; i < birds.length; i++) {
        if (birds[i].x < width) {
            keepBirds.push(birds[i]);
        }
    }
    birds = keepBirds;
}

function addNewBirdWithSomeRandomProbability(){
    var newBirdLikelihood = 0.01; 
    if (random(0,1) < newBirdLikelihood) {
        birds.push(makeBird(15, 15));
    }
}

function Birdmove(){
    this.x += this.speed;
}

function birdDisplay(){
    fill(0);
    stroke(0);
    push();
    translate(this.x, this.y);
    //wings
    triangle(0, 0, 3, 0, -2, -3);
    triangle(0, 0, 3, 0, 2, 3);
    pop();
}

function makeBird(birthLocationX, birthLocationY){
    var bird = {x: birthLocationX,
                y:random(100,200),
                speed:random(2, 9),
                move: Birdmove,
                display: birdDisplay};
    return bird;
}
//creating grass horizon line
function displayHorizon(){
    fill(106,207,124);
    stroke(4);
    rect(0, height-50, width, height-50);
}

//Maggie Ma
//Section D
//Self-Portrait

let img;
let symbols=["☻","☺","♬","☾","⍣","㋡","☀","♟"]; //array of symbols

function preload() {
  img = loadImage('https://i.imgur.com/M8aUttC.jpg'); 

}

function setup() {
  createCanvas(400, 533);
  background(255);
  img.loadPixels();
  noStroke();
}

function draw() {
  let x = floor(random(img.width)); //x position of symbols
  let y = floor(random(img.height)); //y position of symbols
  let pixels = img.get(x, y); //grab pixels from image

  //randomly select symbols from array
  var r = int(random(0,9));
  var randompicker = symbols[r]; 


  fill(pixels); //fill symbol with proper pixel color
  //prevent symbols from getting too large
  //symbols increase in size as mouse moves to right
  textSize(mouseX/20); 
  text(randompicker, x,y);

  //draw symbols as mouse moves
  textSize(10);
  text(randompicker, mouseX, mouseY);

  //refresh to white canvas when mouse is pressed
  if (mouseIsPressed) {
  	background(255);
  }
}