Hola, le quise dar un poco de vida a los ojos del Creeper, y me surgió la duda sobre cómo dibujar círculos concéntricos, debo escribir todo tantas veces como círculos tenga, o existe una forma más acotada de hacerlo. Gracias Les comparto este Creeper de mirada profunda
<canvas width="600" height="400"> </canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = "darkgreen"; //propiedad
pincel.fillRect(0,0,350,300); //función
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(50,60,90,90); //función
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(210,60,90,90); //función
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(140,150,70,100); //función
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(100,190,40,110); //función
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(210,190,40,110); //función
pincel.fillStyle = "white"; //ojoIzquierdo
pincel.beginPath();
pincel.arc(95,105,10,0,2*3.14);
pincel.fill();
pincel.fillStyle = "lightblue";
pincel.beginPath();
pincel.arc(97,104,6,0,2*3.14);
pincel.fill();
pincel.fillStyle = "black";
pincel.beginPath();
pincel.arc(97,104,2,0,2*3.14);
pincel.fill();
pincel.fillStyle = "white"; //ojoDerecho
pincel.beginPath();
pincel.arc(255,105,10,0,2*3.14);
pincel.fill();
pincel.fillStyle = "lightblue";
pincel.beginPath();
pincel.arc(257,104,6,0,2*3.14);
pincel.fill();
pincel.fillStyle = "black";
pincel.beginPath();
pincel.arc(257,104,2,0,2*3.14);
pincel.fill();
</script>