Lego Man

Lego Pois canvas { width: 300px; height: 300px; background-color: bisque; }

Lego Pois



function kustuta() { var p = document.getElementById(«joonis»).getContext(«2d»); p.clearRect(0, 0, 400, 300); } function jalad() { var p = document.getElementById(«joonis»).getContext(«2d»); // Прямоугольник p.fillStyle = «olive»; p.fillRect(85, 275, 60, 20); // x, y, width, height p.fillRect(155, 275, 60, 20); // x, y, width, height p.fillStyle = «red»; p.fillRect(85, 175, 60, 100); // x, y, width, height p.fillRect(155, 175, 60, 100); // x, y, width, height p.fillRect(85, 175, 120, 20); // x, y, width, height } function vasakJalg() { var p = document.getElementById(«joonis»).getContext(«2d»); p.fillStyle = «olive»; p.fillRect(85, 275, 60, 20); // x, y, width, height p.fillStyle = «red»; p.fillRect(85, 175, 60, 100); // x, y, width, height } function voo() { var p = document.getElementById(«joonis»).getContext(«2d»); p.fillStyle = «black»; p.fillRect(85, 175, 130, 20); // x, y, width, height } function paremJalg() { var p = document.getElementById(«joonis»).getContext(«2d»); p.fillStyle = «olive»; p.fillRect(155, 275, 60, 20); // x, y, width, height p.fillStyle = «red»; p.fillRect(155, 175, 60, 100); // x, y, width, height } function keha() { var p = document.getElementById(«joonis»).getContext(«2d»); p.beginPath(); p.fillStyle = «green»; p.moveTo(105, 80); p.lineTo(195, 80); p.lineTo(220, 175); p.lineTo(80, 175); p.moveTo(95, 80); p.fill(); //tee seda } function kaed() { var p = document.getElementById(«joonis»).getContext(«2d»); p.beginPath(); p.fillStyle = «red»; p.moveTo(195, 80); p.lineTo(230, 80); p.lineTo(240, 115); p.lineTo(205, 115); p.moveTo(195, 80); p.moveTo(105, 80); p.lineTo(70, 80); p.lineTo(60, 115); p.lineTo(95, 115); p.moveTo(105, 80); p.fill(); //tee seda p.beginPath(); p.fillStyle = «brown»; p.moveTo(215, 115); p.lineTo(235, 115); p.lineTo(250, 155); p.lineTo(230, 160); p.moveTo(215, 115); p.moveTo(85, 115); p.lineTo(65, 115); p.lineTo(50, 155); p.lineTo(70, 160); p.moveTo(85, 115); p.fill(); //tee seda p.beginPath(); p.fillStyle = «brown»; p.moveTo(230, 160); p.lineTo(220, 175); p.lineTo(235, 190); p.lineTo(240, 180); p.lineTo(230, 175); p.lineTo(240, 165); p.lineTo(255, 175); p.lineTo(250, 180); p.lineTo(265, 180); p.lineTo(265, 170); p.lineTo(250, 155); p.moveTo(230, 160); p.moveTo(70, 160); p.lineTo(80, 175); p.lineTo(65, 190); p.lineTo(60, 180); p.lineTo(70, 175); p.lineTo(60, 165); p.lineTo(45, 175); p.lineTo(50, 180); p.lineTo(35, 180); p.lineTo(35, 170); p.lineTo(50, 155); p.moveTo(70, 160); p.fill(); //tee seda } function pea() { var p = document.getElementById(«joonis»).getContext(«2d»); p.fillStyle = «brown»; p.fillRect(115, 70, 70, 10); // x, y, width, height p.fillRect(100, 15, 100, 60); // x, y, width, height } function nagu() { var p = document.getElementById(«joonis»).getContext(«2d»); // Круг — ring p.beginPath(); p.arc(130, 40, 5, 0, 2 * Math.PI, true); // x, y, radius, … p.arc(170, 40, 5, 0, 2 * Math.PI, true); // x, y, radius, … p.fillStyle = «white»; p.fill(); p.beginPath(); p.arc(130, 40, 2, 0, 2 * Math.PI, true); // x, y, radius, … p.arc(170, 40, 2, 0, 2 * Math.PI, true); // x, y, radius, … p.fillStyle = «black»; p.fill(); p.beginPath(); p.fillStyle = «pink»; p.moveTo(130, 55); p.lineTo(170, 55); p.lineTo(160, 60); p.lineTo(150, 60); p.lineTo(140, 60); p.moveTo(95, 80); p.fill(); //tee seda } function vasakSilm() { var p = document.getElementById(«joonis»).getContext(«2d»); p.beginPath(); p.arc(130, 40, 5, 0, 2 * Math.PI, true); // x, y, radius, … p.fillStyle = «white»; p.fill(); p.beginPath(); p.arc(130, 40, 2, 0, 2 * Math.PI, true); // x, y, radius, … p.fillStyle = «black»; p.fill(); } function paremSilm() { var p = document.getElementById(«joonis»).getContext(«2d»); p.beginPath(); p.arc(170, 40, 5, 0, 2 * Math.PI, true); // x, y, radius, … p.fillStyle = «white»; p.fill(); p.beginPath(); p.arc(170, 40, 2, 0, 2 * Math.PI, true); // x, y, radius, … p.fillStyle = «black»; p.fill(); } function suu() { var p = document.getElementById(«joonis»).getContext(«2d»); p.beginPath(); p.fillStyle = «pink»; p.moveTo(130, 55); p.lineTo(170, 55); p.lineTo(160, 60); p.lineTo(150, 60); p.lineTo(140, 60); p.moveTo(95, 80); p.fill(); //tee seda } function vuntsid() { var p = document.getElementById(«joonis»).getContext(«2d»); p.beginPath(); p.fillStyle = «black»; p.moveTo(145, 50); p.lineTo(155, 50); p.lineTo(160, 55); p.lineTo(150, 55); p.lineTo(140, 55); p.moveTo(145, 75); p.fill(); //tee seda } function koik() { keha(); kaed(); pea(); nagu(); vuntsid(); jalad(); voo(); }