Juegos con HTML5 y JS - 3 - El canvas

Показать описание

Рекомендации по теме

Комментарии

La verdad, bastante claro y paso a paso. Excelente !!

omarss

Muy bueno voy a seguir esta serie. Saludos

elsurfer

un programa que se llama gamemaker... hay que pillarle el truco pero su pueden hacer juegos basicos de HTML5 a nivel grafico

ProgramaloTu

Hola, disculpa que color le pones al notepadd ++ ?, ( es que no encuentro ese estilo al mio)

SweetMiel

He visto muchos tutoriales de este tipo, pero todos explican como si supieras de toda la vida que es cada cosas, pero en este caso no, las cosas claras y eficaces....sigue asi :D

kevinpatricio

Si se importa el jquery en el html y el javascript esta aparte lo detecta?

furario-creadordemundos

ReferenceError: $ is not defined tienes solucion a este error?

alaroDos

Hola Marcos.
¿Por que usas jquery para comprobar si esta listo el script para ser usado?
¿No seria mas fácil un evento onLoad que llame a nuestra función y nos ahorramos las librerías de jquery?
Gracias por anticipado.

emiliomusicaalt

hola marcos
cuando trato de ver el canvas no puedo osea no me aparece nada, ¿que puedo hacer?

ramiroappel

Buenas noches. Me he fijado que tu has utilizado un enlace para obtener la librería en formato .js, y he pensado que tal vez esos datos podrían ser borrados algún día, aunque la nube tenga la reputación de no perder sus datos nunca. He preferido descargar el archivo .js, ponerlo en la carpeta donde está mi html y cambiar el directorio de la librería a mi carpeta en vez de al enlace que tu has utilizado. ¿Puede esto afectarme en los siguientes vídeos o es incluso una mejor opción?

alvaroradajczyk

¿que es una almuadilla? no alcanzo a ver

JhonAlabanzas

gracias algo dos mas
para hacer un juegos complejos y necesitas mucho conocimiento
conoces programas para crear juegos y pasarlo a código HTML5

danieltutoriales

alguien me podría decir porque no me aparece el retangulo.

<!DOCTYPE html>
<html>
<head>
<title>mi primer juego.</title>
<script type="text/javascript">
$(document).ready(function() {
var canvas = $("#canvas")[0];
var ctx = canvas.getcontext('2d');

ctx.fillStyle = "lime";
ctx.fillRect(0, 0, 450, 450);
})
</script>

<style type="text/css">
canvas{
border:solid;
}

</style>
</head>
<body>
<canvas id='canvas' width="450" height="450">
tu navegador no soporta canvas.
</canvas>
</body>
</html>

jonathanjimenez-xjwj

alguien me podría decir el fallo:

<!DOCTYPE html>
<html>
<head>

<title>Mi primer juego</title>

<script type="text/javascript">
$(document).ready(function(){
var c = $("#canvas")[0];
var ctx = canvas.getContext("2d");
ctx.fillstyle ="lime";
ctx.fillrect (0, 0, 450, 450);

})

</script>

</head>
<body>
<canvas id= "canvas">Tienes un ordenador viejo y este tipo de codigo na va a poder se ejecutable!! </canvas>

</body>
</html>

codigobinario

Juegos con HTML5 y JS - 3 - El canvas

¿Qué se puede hacer con Javascript? (Juegos, Apps, Desktop, ClIs, etc)

Cómo crear un videojuego con JavaScript en 10 minutos

COMO CREAR UN JUEGO CON HTML CSS Y JAVASCRIPT DESDE CERO #1

Juegos con HTML5 y JS - 15 - Movimiento basico

Juegos con HTML5 y JS - 14 - Objetos JSON

Aprende a hacer el DINOSAURIO de Chrome en 10 minutos con JavaScript

Cómo PROGRAMAR el Pong 🏓 en 10 MINUTOS con HTML5

Top de Librerías Javascript para juegos

Juegos con HTML5 y JS - 1 - Introduccion

Top 10 Games using Html CSS and Javascript from Codepen

Inteligencia Artificial CREA los JUEGOS que le pido (ChatGPT)

Juego de NAVES con JavaScript y HTML5 | JavaScript spaceship game

Juegos con HTML5 y JS - 17 - Colisión básica

Juegos con HTML5 y JS - 30 - Crear proyectiles

Creación de juegos con Html5 y javascript (Física en los videojuegos)

Juegos con HTML5 y JS - 4 - El contexto y preparar el canvas

Juegos con HTML5 y JS - 11 - El gameloop con intervalos

Cómo usar Canvas y JavaScript para crear videojuegos

Juegos con HTML5 y JS - 9 - Como crear un pacman

Construye tu primer juego con Phaser

Juegos con HTML5 y JS - 3 - El canvas

Juegos con HTML5 y JS - 2 - Plantilla de juego

👉‍‍ APRENDE a CREAR este JUEGO HTML + CSS + Javascript (ACTUALIZACIÓN IMAGENES + SONIDO)

Desarrollo de video juegos con HTML5 y JavaScript