Cómo usar Canvas y JavaScript para crear videojuegos

Рет қаралды 19,036

Күн бұрын

No olvides darle like al video y suscribirte al canal.
🕹️ Practica JavaScript construyendo tu propio Tetris
• Practica JavaScript co...
🏓 Enlace para ver el micro-curso de pong aquí:
videogames.off...
🎙️Sígueme en facebook donde hago en vivos: / blissito
👾 Y por si quieres ver más cursos:
fixtergeek.com/

Пікірлер: 48

@andressierra6476 5 ай бұрын

Gracias maestro

@blissito 5 ай бұрын

Gracias a ti Andres. 😋

@gonzalomilano 10 ай бұрын

Sos un genio y explicas muy bien! Te mereces muchísimas visitas. Nuevo suscriptor 😉

@blissito 6 ай бұрын

Gracias Gonzalo, con la tuya es más que suficiente. 😋 De paso dime qué más subo, en qué andas?

@tunyshark2924 7 ай бұрын

Explicas demasiado bien!😎💪💪

@blissito 6 ай бұрын

Que genial saber que te funciona mi modo. ¿Me dirías más de qué es lo que te parece chido para poder mejorarlo Tuny? Gracias! 🙏

@analuzMA 2 жыл бұрын

gracias! estoy un bootcamp de webdev y mi primer proyecto es un mini videojuego usando canvas

@blissito 2 жыл бұрын

Ironhack solía tener un flappy bird como primer proyecto ;) disfruta.

2 жыл бұрын

Que buen video lo encontré de casualidad. Super pedagogica la explicación.

@AndruV42 2 жыл бұрын

Que bueno que estas de vuelta BlisS 😃 siempre con excelente contenido 🤜

@luismata3697 Жыл бұрын

Que graaaan explicacion!!!!

@blissito Жыл бұрын

Gracias Luis 🥳

@germanCaic2 2 жыл бұрын

Imprecionado con tu explicacion

@blissito 2 жыл бұрын

Gracias GerScript ;)

@elrafineitorxd5400 2 жыл бұрын

Qué buen vídeo y gran explicación, mis 10´s

@blissito 2 жыл бұрын

gracias!

@soy-luisarrieta 8 ай бұрын

¡Espectacular!

@blissito 6 ай бұрын

¿Qué más debería subir Luis? Tú qué crees?

@soy-luisarrieta 6 ай бұрын

@@blissito Yo no encuentro ningún tipo de video que muestre como desarrollar una navegación optima por diferentes vistas (Menú de inicio, configuración, selección de personaje, jugar, vista de pausa etc...). Siento que toca crear un router tipo React para configurar en qué ruta se encuentra y qué vista dibujar en el Canvas según la ruta actual. No tengo ni idea como lo manejan para los juegos con HTML Canvas. Ojalá puedas considerarlo, a mí me aportaría mucho. Gracias Héctor!

@gixarde3 2 жыл бұрын

como peude tener tan pocas visitas? Explica de maravilla.

@RhoFromSpace 2 жыл бұрын

muy buena explicación, pasare al micro curso para seguir aprendiendo ✌

@blissito 2 жыл бұрын

Yei! genial! disfrútalo el prox mes publicaré su continuación ;)

@Eperezmosqueda Жыл бұрын

Excelente bro. Explicas muy bien. Estoy aprendiendo desde cero y pude notar que animar con canvas es super complicado teniendo CSS. No dude ni un segundo en no utilizar este tag con un script de 50 lineas, guardando espacio con las var y utilizando los fps. Pregunto. En qué otra circunstancia tenemos (no opcional) que utilizar canvas? ejemplos

@blissito Жыл бұрын

Siempre encontrarás bibliotecas que lo hagan por ti, la intención de enfrentarte al API del navegador directamente es bagaje intelectual. Es decir, pasar de operador de librerías a ingeniero de software. ;)

@caprog_indie 2 жыл бұрын

Super video colega !

@rayoseldev819 2 жыл бұрын

El tema de canvas con responsive, cómo se gestiona?

@blissito 2 жыл бұрын

Hola Rayos, puedes poner un listener para el resize event y actualizar el canvas con windows.innerWidth etc, pero encuentro aún más fácil, darle al canvas un ancho y alto porcentual con CSS y usar medias query en general para los diferentes tamaños.

@rayoseldev819 2 жыл бұрын

@@blissito al final el tema query bien, pero claro todo el gráfico de tendro se reescala solo? si tu le dices a algo dentro del canvas que ocupe 50x50 aunque reescales un 50% va a serguir siendo 50x50 no?

@blissito 2 жыл бұрын

@@rayoseldev819 Ha, ya veo a que te refieres, sip, dentro del canvas son pixeles, no hay un ajuste automático en este caso X y Y se obtienen a partir del ancho del canvas en ese momento, lo cual es una técnica común, posicionar las cosas a partir de medir el canvas antes de dibujar, lo cual en la práctica aunque talachoso, es muy común pensar en el posicionamiento y tamaños “proporcionalmente”