Выполнил ученик группы MN-222

Шологан Артемиос

function setup() {
createCanvas(300, 300);
}
function draw() {
var ctx = canvas.getContext("2d");

ctx.fillStyle = "rgb(177,214,239)";
ctx.fillRect(0, 0, 500, 500);
ctx.beginPath();
ctx.arc(250 , 70 , 50, 0, 2 * Math.PI);
ctx.fillStyle = "yellow";
ctx.fill();
ctx.stroke();
//облака
ctx.fillStyle = "#108EF1";
ctx.beginPath();
ctx.arc(70, 70, 30, 0, 2 * Math.PI);
ctx.fill();
ctx.beginPath();
ctx.arc(90, 90, 30, 0, 2 * Math.PI);
ctx.fill();
ctx.beginPath();
ctx.arc(50, 90, 30, 0, 2 * Math.PI);
ctx.fill();
ctx.beginPath();
ctx.arc(200, 100, 40, 0, 2 * Math.PI);
ctx.fill();
ctx.beginPath();
ctx.arc(230, 120, 40, 0, 2 * Math.PI);
ctx.fill();
ctx.beginPath();
ctx.arc(170, 120, 40, 0, 2 * Math.PI);
ctx.fill();
//тело
ctx.fillStyle = "black";
ctx.beginPath();
ctx.moveTo(100,200);
ctx.lineTo(200, 250);
ctx.lineTo(100, 250);
ctx.fill();
ctx.moveTo(200,200);
ctx.lineTo(200, 250);
ctx.lineTo(100, 250);
ctx.fill();
//кепка
// голова
ctx.fillStyle = "black";
ctx.beginPath();
ctx.arc(150, 200, 50, 0, 2 * Math.PI);
ctx.fill();
ctx.fillStyle = "white";
ctx.beginPath();
ctx.arc(130, 190, 10 , 0, 2* Math.PI);
ctx.fill();
ctx.beginPath();
ctx.arc(168, 190, 10, 0, 2 * Math.PI);
ctx.fill();
//кепка
ctx.beginPath();
ctx.fillStyle = "#673AB7";
ctx.ellipse(110, 170,40,10,0,0,
Math.PI,Math.PI*2);
ctx.fill();
ctx.beginPath();
ctx.fillStyle = "#3F51B5";
ctx.ellipse(150, 170,40,35,0,0,
Math.PI,Math.PI*2);
ctx.stroke();
ctx.fill();
// зрачки
ctx.fillStyle = "black";
ctx.beginPath();
ctx.arc(167, 190, 5, 0, 2 * Math.PI);
ctx.fill();
ctx.beginPath();
ctx.arc(128, 190, 5, 0, 2 * Math.PI);
ctx.fill();
//животик
ctx.fillStyle = "rgb(248,242,242)";
ctx.beginPath();
ctx.moveTo(150, 230);
ctx.arc(150, 230, 20, 0, Math.PI, true);
ctx.fill();
ctx.fillStyle = "rgb(247,245,242)";
ctx.beginPath();
ctx.moveTo(170, 230);
ctx.lineTo(130, 230);
ctx.lineTo(130, 249);
ctx.fill();
ctx.moveTo(130, 249);
ctx.lineTo(170, 249);
ctx.lineTo(170, 230);
ctx.fill();

// клюв
ctx.fillStyle = "orange";
ctx.beginPath();
ctx.moveTo(149,221);
ctx.lineTo(140, 200);
ctx.lineTo(159, 200);
ctx.fill();
//пол
ctx.fillStyle = "#009688";
ctx.beginPath();
ctx.rect(0, 250, 300, 50);
ctx.fill();
// ласты
ctx.fillStyle = "rgb(239,169,40)";
ctx.beginPath();
ctx.moveTo(130, 250);
ctx.lineTo(100, 250);
ctx.lineTo(90, 265);
ctx.fill();
ctx.moveTo(100, 250);
ctx.lineTo(130, 250);
ctx.lineTo(120, 265);
ctx.fill();
ctx.beginPath();
ctx.moveTo(200, 250);
ctx.lineTo(170, 250);
ctx.lineTo(160, 265);
ctx.fill();
ctx.moveTo(170, 250);
ctx.lineTo(200, 250);
ctx.lineTo(190, 265);
ctx.fill();
//палка
ctx.fillStyle = "#9C27B0";
triangle (150,150,130,170,170,170);
//палка
ctx.fillStyle = "#795548";
triangle (150,100,236,250,147,100);
//ручки
ctx.fillStyle = "rgb(33,30,30)";
ctx.beginPath();
ctx.moveTo(103, 190);
ctx.lineTo(100, 230);
ctx.lineTo(80, 240);
ctx.fill();
ctx.moveTo(103, 190);
ctx.lineTo(89,200);
ctx.lineTo(103,200);
ctx.fill();
ctx.moveTo(89, 200);
ctx.lineTo(80,240);
ctx.lineTo(100,230);
ctx.fill();
ctx.moveTo(89, 200);
ctx.lineTo(80,240);
ctx.lineTo(103,190);
ctx.fill();
ctx.moveTo(199, 190);
ctx.lineTo(220, 240);
ctx.lineTo(200, 230);
ctx.fill();
ctx.moveTo(199, 190);
ctx.lineTo(215,200);
ctx.lineTo(200,210);
ctx.fill();
ctx.moveTo(215, 200);
ctx.lineTo(200,230);
ctx.lineTo(220,240);
ctx.fill();
ctx.moveTo(200, 230);
ctx.lineTo(215,200);
ctx.lineTo(199,190);
ctx.fill();
}
Образец:
Результат :

Sologan
Artemios
MN-222