console
function setup(){
createCanvas(500,150);
textFont("Arial");
}
function draw(){
background(120);
textSize(32);
text("hallo,p5.js's world!...",25,60);
}
function setup(){
createCanvas(500,150);
background(200);
}
function draw(){
rect(280,-40,130,130);
ellipse(180,70,100,100);
line(100,90,430,30);
}
function setup(){
createCanvas(500,150);
background(200);
}
function draw(){
fill(20);
Stroke(255);
line(100,90,430,30);
rect(280,-40,130,130);
ellipse(280,70,100,100);
}
function setup(){
createCanvas(500,150);
background(200);
}
function draw(){
noStroke(600);
stroke(25);
line(100,90,430,30);
rect(280,-40,130,130);
ellipse(280,70,100,100);
}
function setup(){
createCanvas(500,150);
background(200);
}
function draw(){
fill(120,50,0);
stroke(255,255,120);
line(100,90,430,30);
rect(280,-40,130,130);
ellipse(280,70,100,100);
}
function setup(){
createCanvas(500,150);
background(200);
colorMode(HSB,360,100,100);
}
function draw(){
fill(120,100,100);
stroke(180,100,100);
line(100,90,430,30);
rect(280,-40,130,130);
ellipse(280,70,100,100);
}
strokeWeight(10);
function setup(){
createCanvas(500,150);
background(200);
colorMode(HSB,360,100,100,100);
strokeWeight(10);
}
function draw(){
fill(120,100,100,50);
stroke(180,100,100,50);
line(100,90,430,30);
rect(280,-40,130,130);
fill(300,100,100,50);
ellipse(280,70,100,100);
}
function setup(){
createCanvas(600,600);
background(100)
}
function draw(){
noStroke();
fill(236,145,40);
ellipse(225,525,110,60);
ellipse(385,525,110,60);
fill(0);
ellipse(140,395,60,250);
ellipse(460,395,60,250);
rect(150,200,300,325);
stroke(0);
strokeWeight(350);
line(330,215,300,300);
fill(255);
noStroke();
ellipse(220,220,120,120);
ellipse(370,220,120,120);
ellipse(300,400,170,190);
fill(0);
ellipse(225,220,20,20);
ellipse(350,220,20,20);
fill(225,100,50);
noStroke(0);
triangle(285,250,315,250,300,275);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.min.js"></script>