пытаясь покрасить три вершины

Question

Я пытаюсь нарисовать три линии, изменить вес 2-го и третьего, а цвет 2-го и третьего. Я думаю, что делаю все правильно, но все не работает. Вместо строк я использую вершину, но код не работает правильно - никаких цветов. Спасибо за помощь. Я уверен, что это что-то немой Мне не хватает.

//write the code to draw 3 lines 
// 
//set the area size 
size(100,200); 
// 
smooth(); //not needed for lines but there for comment 

background(#FCFDFF); //go white 
//line(x1,y1,x2,y2); 
//but doesn't work to for fill color. Use vertex 
//vertex(x, y) 
//x float: x-coordinate of the vertex 
//y float: y-coordinate of the vertex 
//z float: z-coordinate of the vertex 
// 
//set stroke using strokeWeight 
//draw first line with a stroke weight of 3 
beginShape(LINES); 
background(#FFFFFF); 
strokeWeight(3); 
vertex(20, 30); 
vertex(20, 90); 
// 
//draw second line with stroke weight of 5 and color it RED 
//second line 
strokeWeight(5); 
fill(255,0,0); 
vertex(40, 30); 
vertex(40, 90); 
// 
//draw third line with rounded ends and stroke weight 
//of 7 and PURPLE 
// 
strokeWeight(7); 
strokeJoin(ROUND); 
fill(#C811F2); 
vertex(60, 30); 
vertex(60, 90); 
endShape(); 

//end of program 

//NEW code I wrote - 
size(100,200); 
background(#FCFDFF); //go white 
//draw 3 lines 
//line(x1,y1,x2,y2); 
//but doesn't work to fill color. Use vertex and stroke(); 
//vertex(x, y) 
//x float: x-coordinate of the vertex 
//y float: y-coordinate of the vertex 
//z float: z-coordinate of the vertex 
//set stroke using strokeWeight 
//draw first line with a stroke weight of 3 
//noStroke(); 
beginShape(LINES); 
background(#FFFFFF); 
// 
strokeWeight(3); 
vertex(20, 30); //top 
vertex(20, 90); //bottom 
// 
//draw second line with stroke weight of 5 and RED 
// 
stroke(255,0,0); 
strokeWeight(5); 
vertex(40, 30); //top 
vertex(40, 90); //bottom 
// 
//draw third line with rounded ends and stroke weight 
//of 7 and PURPLE 
// 
stroke(#C40FD8); 
strokeWeight(7); 
strokeJoin(ROUND); 
vertex(60, 30); //top 
vertex(60, 90); //bottom 
endShape(); 
//end of program 

Answer 1

Простым способом сделать это было бы нарисовать линии, а затем нарисовать круги в вершинах.

//write the code to draw 3 lines 
// 
//set the area size 
size(100,200); 
// 
smooth(); //not needed for lines but there for comment 

background(#FCFDFF); //go white 
//line(x1,y1,x2,y2); 
//but doesn't work to for fill color. Use vertex 
//vertex(x, y) 
//x float: x-coordinate of the vertex 
//y float: y-coordinate of the vertex 
//z float: z-coordinate of the vertex 
// 
//set stroke using strokeWeight 
//draw first line with a stroke weight of 3 
beginShape(LINES); 
background(#FFFFFF); 
strokeWeight(3); 
vertex(20, 30); 
vertex(20, 90); 
ellipse(20, 30, 10, 10); 
ellipse(20, 90, 10, 10); 
// 
//draw second line with stroke weight of 5 and color it RED 
//second line 
strokeWeight(5); 
fill(255,0,0); 
vertex(40, 30); 
vertex(40, 90); 
ellipse(40, 30, 10, 10); 
ellipse(40, 90, 10, 10); 
// 
//draw third line with rounded ends and stroke weight 
//of 7 and PURPLE 
// 
strokeWeight(7); 
strokeJoin(ROUND); 
fill(#C811F2); 
vertex(60, 30); 
vertex(60, 90); 
ellipse(60, 30, 10, 10); 
ellipse(60, 90, 10, 10); 
endShape(); 

Может работать не так, как вы хотите, но он должен работать, если вы немного его настроите. Дайте мне знать, если вы не хотите, чтобы это выглядело так.

Answer 2

Duh ....
не забыл использовать fill(); использовать stroke();