Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Cara creeper

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Minecraft</title>

    <canvas width="600" height="400">

    </canvas>
    <script>
        var pantalla = document.querySelector('canvas');
        var pincel = pantalla.getContext('2d');

        //cabeza
        pincel.fillStyle = 'green'; //propiedad o caracteristica
        pincel.fillRect(0, 0, 350, 300); //funcion

        //ojos
        //izquierdo
        pincel.fillStyle = 'black'; //propiedad o caracteristica
        pincel.fillRect(60, 50, 90, 90); //funcion
        //derecho
        pincel.fillStyle = 'black'; //propiedad o caracteristica
        pincel.fillRect(200, 50, 90, 90); //funcion

        //nariz
        pincel.fillStyle = 'black'; //propiedad o caracteristica
        pincel.fillRect(139, 140, 70, 100); //funcion

        //boca
        //izquierda
        pincel.fillStyle = 'black'; //propiedad o caracteristica
        pincel.fillRect(205, 190, 40, 110); //funcion
        //derecho
        pincel.fillStyle = 'black'; //propiedad o caracteristica
        pincel.fillRect(105, 190, 40, 110); //funcion
    </script>
</head>

<body>

</body>

</html>
1 respuesta

tambien opte por hacer todo con la funcion .fillRect,m resulto mas facil, la única cosa medio demorosa era establecer el punto de partida.