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

[Proyecto] creeper - Minecraft

Referente al curso Lógica de programación: Practicando con juegos y animaciones

por Jeison Andrés Tabares Duque
| 42.1k xp | 17 posts
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Minecraft</title>
</head>

<canvas width="600" height="400"></canvas>
<script>
    var pantalla = document.querySelector("canvas");//Se situa en la etiqueta canvas
    var pincel = pantalla.getContext("2d");

    pincel.fillStyle = "lightgrey";
    pincel.fillRect(0, 0, 600, 400);
    //x,y,width, height
    pincel.fillStyle= "darkgreen";
    pincel.fillRect(125,50,350,300); //125der+125izq+350cabeza = 600 widht | 50der+50 izq+300cabeza = 400 height

    pincel.fillStyle = "black";//ojo izquierdo
    pincel.fillRect(180,120,90,90);

    pincel.fillStyle = "black";//ojo derecho
    pincel.fillRect(330,120,90,90);

    pincel.fillStyle = "black";//nariz
    pincel.fillRect(265,210,70,100);

    pincel.fillStyle = "black";//boca izq
    pincel.fillRect(230,240,40,110);

    pincel.fillStyle = "black";//boca der
    pincel.fillRect(330,240,40,110);

</script>
</html>
1 respuesta
por Rafaela Rocha
| 2876.2k xp | 8758 posts
Alura Scuba Team Scuba Team

¡Hola Jeison!

Por lo que veo, estás trabajando en un proyecto relacionado con Minecraft y estás utilizando lógica de programación para crear un Creeper.

En el código que compartiste, veo que estás utilizando la etiqueta canvas para dibujar el Creeper. Además, estás utilizando el método getContext() para obtener el contexto de dibujo en 2D.

Luego, estás utilizando el método fillRect() para dibujar diferentes partes del Creeper, como la cabeza, los ojos, la nariz y la boca.

En cuanto a sugerencias, podrías seguir agregando más detalles al Creeper, como los pies y las manos. También podrías agregar interactividad al proyecto, por ejemplo, haciendo que el Creeper se mueva cuando el usuario haga clic en él.

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)