Final Project Launch

let monkey;

let headX = 125; 
let headY = 125;

let r = 50;

let ballOn = true; 


function preload(){
  monkey = loadImage("/assets/p5img/monkey.png");
}

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  image(monkey,0,0);
  
  push();
  noFill();
  stroke("red");
  circle(headX,headY,r*2);
  pop();

  let d =dist(mouseX,mouseY,headX,headY);
  
 let hover = d<r;
  
  if(hover){
    ballOn = false;
  }
  
  if(ballOn){
    circle(mouseX,mouseY,10);
  }

}

// LFO example


let a = 0;
let speed = 0.1;
let amp = 10; //unt of pixels this circle moves from left to right;

// LFO to control or modulate the amplitude of our circle's sway but also the width of the circle
let LFOa = 0;
let LFOspeed = 0.009; // 
let LFOamp = 100;

function setup() {
  createCanvas(400, 400);
  noStroke();
}

function draw() {
  background(0);
  
  
  LFOa+=LFOspeed;
  let LFO = sin(LFOa) * LFOamp; // base output of theLFO is -100 to 100
  // ue base output to map to sway amp, w, g
  amp = map(LFO,-100,100,10,200);
  let w = map(LFO,-100,100,1,100);
  let g = map(LFO,-100,100,0,255)
  a+=speed;
  fill(g);
  let x = 200 + sin(a) * amp;
  let y = 200;

  circle(x,y,w);
}

let monkey; 
// transparent backgrounds are only possible in png! 

let amp = 1; // thge amplitude of the monkey's circular movement
// we want theLFO to change the amplitude of the monkey's circular movement

let LFOa = 0; // angle for a sin wave that changes our amplitude
let LFOamp = 100; // maximum amplitude of the LFO 
let LFOspeed = 0.001; // small values cause it's slower! 

let a = 0; 
function preload(){
  monkey = loadImage("/assets/p5img/monkey.png");
}

function setup() {
  createCanvas(400, 400);
}

function draw() {
 // background(220);
  // LFO code replacing basic animation loop
  
  LFOa+=LFOspeed; //update the LFO angle with the lfospeed
  amp= sin(LFOa)*LFOamp; 
  //console.log("monkey's amplitude " + amp);
  
  
  
  // basic animation loop
//   amp++;
  
//   if (amp > 500){
//     amp = 0;
//   }
  
  let x = sin(a) * amp + 200;  
  let y = cos(a) * amp + 200;
  translate(x,y)
  rotate(a)
  image(monkey,0,0);
  a+= 0.02;

}