let vel;

let acc;

​

let x;

let y;

​

let xSpeed;

let ySpeed;

​

let xVel;

let yVel;

​

let padding;

​

function setup() {

  noStroke();

  background(0);

  createCanvas(windowWidth,windowHeight);

  //createCanvas(1500, 500);

  padding = 0;

  x = 0;

  y = 0;

  xSpeed = 0;

  ySpeed = 0;

  xVel = 1;

  yVel = 1;

    loc = createVector(width/2,0);

  vel = createVector(0,1);

  acc = createVector(0,.1);

  background(0);

}

​

function draw() {

  //background(0);

  xSpeed += xVel;

  ySpeed += yVel;

  x += xSpeed;

  y += ySpeed;

  //original walker

  fill(0);

  //ellipse(x,y,1,1);

  //vector walker

  loc.add(vel);

  vel.add(acc);

  if(vel.mag() > 10 || vel.mag <0 )

    {

    acc.mult(-1);

    //acc.mult(random(-1.5,-1));

    let myVector = p5.Vector.random2D();//.mult(-1);

    acc.add(createVector(myVector.x*.08,myVector.y*.08));

    //vel.x += .2;

  }

  if(loc.x < padding)

  {

   loc.x = width;

  }

  if(loc.x > width)

  {

   loc.x = padding;

  }

  if(loc.y <padding)

  {

   loc.y = height-padding;

  }

  if(loc.y > height)

  {

   loc.y = padding;

  }

  //loc.y = constrain(loc.y,10,height-10);

  //loc.x = constrain(loc.x,10,width-10);

  loc.x -=2;

  print(vel.mag());

  fill(255);

  let sizeMapped = map(vel.mag(),-.5,1,2,2);

  ellipse(loc.x,loc.y,sizeMapped,sizeMapped);

}