Lines and Circles

​

var posX = 300;

var posY = 300;

var xoff = 0.0;

var angle = 0;

var radius = .5;

var clarity = 0;

var n = 300;

var z = 300;

function setup() {

  createCanvas(displayWidth,displayHeight);

  background(0,0,0);

}

​

function draw() {

  clarity +=.9;

  angle -=.01;

​

  posX=posX + radius * cos(angle);

  posY=posY + radius * sin(angle);

  xoff = (xoff  +.01)%30;

  n = noise(xoff) * pmouseX;

  z =  pmouseY;

  //stroke(253,253,150,(clarity%(dist(pmouseX,pmouseY,mouseX,mouseY)%40)+20));

  stroke(253,253,150,clarity%76);

  //line(posX,z,n,posY);

//line(n,z,z,posX);

  line(n,z,posX,posY);

}

function mousePressed(){ 

  //line(posX,posY,mouseX,mouseY); 

  background(0,0,0,50);

  posX= pmouseX;

  posY = pmouseY;

}

​

function mouseWheel() {

  radius +=.1;

  radius%=2;

  return false;

}

function mouseMoved() {

  n = pmouseX;

  z = pmouseY;

}