Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

mi Cara

Referente al curso Lógica de programación: Practicando con juegos y animaciones, en el capítulo Diseñando gráficos con Canvas y actividad La cara de Creeper

por Andres
| 98.8k xp | 4 posts
<!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>Cavas</title>
</head>
<body>
    <canvas width="600" height="400"></canvas>
    <script>
        let pantalla = document.querySelector("canvas");
        let pincel = pantalla.getContext("2d");

        pincel.fillStyle = "#87CEEB"
        pincel.fillRect(0,0,600,400)

        pincel.fillStyle = "green"
        pincel.fillRect(120,50,350,300)

        pincel.fillStyle = "black"
        pincel.fillRect(170,100,90,90)

        pincel.fillStyle = "black"
        pincel.fillRect(330,100,90,90)

        pincel.fillStyle = "black"
        pincel.fillRect(260,190,70,100)

        pincel.fillStyle = "black"
        pincel.fillRect(220,240,40,110)

        pincel.fillStyle = "black"
        pincel.fillRect(330,240,40,110)
    </script>
</body>
</html>
1 respuesta
por Eric Monné Fraga de Oliveira
| 2362.7k xp | 8633 posts
Instructor

¡Hola Andrés!

Parece que compartiste un código HTML con un canvas que dibuja una cara. ¿Hay algo específico que necesites ayuda? Si lo que quieres es entender cómo funciona el código, te puedo explicar un poco.

El canvas es un elemento HTML que permite dibujar gráficos utilizando JavaScript. En este caso, el código JavaScript utiliza el objeto "pincel" para dibujar diferentes rectángulos que forman una cara.

La función fillRect(x, y, width, height) dibuja un rectángulo relleno con el color actual del pincel. Los cuatro parámetros que recibe son las coordenadas x e y donde empieza el rectángulo, y su ancho y alto.

En este caso, el primer rectángulo dibujado es de color celeste y ocupa todo el canvas. Luego se dibujan diferentes rectángulos de color negro para formar los ojos, la boca y la nariz.

Espero que esta explicación te sea útil. Si tienes alguna otra duda, no dudes en preguntar. ¡Espero haber ayudado y buenos estudios!