SOURCE

function setup(){

}
function draw(){
    background(200);
    line(50,50,mouseX,mouseY);
}
function setup(){
    createCanvas(600,600);
}
function draw(){
    if(mouseIsPressed){
        stroke(220);
    }else{
        stroke(0);
    }
    line(300,300,mouseX,mouseY);
}
function setup(){
    createCanvas(300,300);
    background(200);
}
function draw(){
   point(150,150);
   point(152,150);
   point(154,150);
   point(156,150);
   point(158,150);
}
function setup(){
    createCanvas(600,600);
    background(200);
}
function draw(){
   line(80,450,400,100);
}
function setup(){
    createCanvas(600,600);
    background(200);
}
function setup(){
    createCanvas(600,600);
    background(200);
    rectMode(CENTER);
}
function draw(){
  rect(70,40,80,40);
  rect(230,40,40,80);
  rect(350,40,80,80);
}
function setup(){
    createCanvas(600,600);
    background(200);
}
function draw(){
     background(200);
  arc(130,70,120,60,0,radians(180));
  arc(270,70,50,80,1.7,2.6);
  arc(mouseX,mouseY,80,80,0.8,5.6);
}
function setup(){
    createCanvas(600,600);
    background(200);
}
function draw(){
  ellipse(110,70,80,50);
  ellipse(250,70,50,80);
  ellipse(mouseX,mouseY,80,80);
}
function draw() {
	beginShape();
		vertex(160,20);
		vertex(200,120);
		vertex(300,120);
		vertex(220,185);
		vertex(260,300);
		vertex(160,235);
		vertex(60,300);
		vertex(100,185);
		vertex(20,120);
		vertex(120,120);
	endShape(CLOSE);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.min.js">

</script>
function setup(){ } function draw(){ background(200); line(50,50,mouseX,mouseY); } function setup(){ createCanvas(600,600);
} function draw(){ if(mouseIsPressed){ stroke(220); }else{ stroke(0); } line(300,300,mouseX,mouseY); }