🎓 Megapacks 🔥 Cursos premium Grupo de Telegram ❤️ Códigos fuente

Domina el desarrollo de juegos con HTML y JavaScript (Canvas incluido)

Aprende a desarrollar videojuegos desde cero utilizando HTML5, el elemento Canvas y JavaScript.

avanzado 5(25 Calificaciones) 378 Alumnos inscritos
Creado por lubutech dev ultima actualizacion Sat, 11-Jan-2025 Spanish
¿Que voy a aprender??
  • Desarrollo completo de videojuegos: Crear juegos funcionales desde cero, utilizando únicamente HTML5, Canvas y JavaScript.
  • Manipulación de gráficos en 2D: Dibujar formas, imágenes y animaciones dinámicas en el Canvas.
  • Programación avanzada en [removed] Mejorar tu lógica de programación con conceptos aplicados a videojuegos, como bucles de juego, detección de colisiones y control de eventos.
  • Optimización de rendimiento: Diseñar juegos que se ejecuten de forma fluida en navegadores web, tanto en computadoras como en dispositivos móviles.

Plan de estudios para este curso
15 lecciones 15:00:00 horas
empezemos
15 lecciones 15:00:00 horas
  • Juegos Canvas Parte 1 01:00:00
  • Juegos Canvas Parte 2 01:00:00
  • Juegos Canvas NAVES ESPACIALES Parte 3 01:00:00
  • Juegos Canvas TANQUES Parte 4 01:00:00
  • 01 Uso de Hojas de sprites en el canvas HTML5 01:00:00
  • 02 animacion de estrellitas en el CANVAS 01:00:00
  • 03 animacion de un pajarillo en el CANVAS 01:00:00
  • 04 Animacion con un sprite de ancho y altos 01:00:00
  • 05 activar la animacion del personaje usando el teclado 01:00:00
  • 06 animacion con imagenes individuales 01:00:00
  • 07 realizar un fondo deslizable para nuestros PERSONAJES 01:00:00
  • 08 juntar el personaje con el fondo deslizable 01:00:00
  • 09 haciendole mejoras a nuestro codigo 01:00:00
  • 10 bibujando objetos dentro del juego 01:00:00
  • 11 salto del personaje del juego 01:00:00
Requerimientos
  • Un editor de texto, como Sublime Text por ejemplo
  • Tener conocimientos básicos de JavaScript y de HTML5
  • Conocimientos básicos de HTML, CSS y JavaScript (aunque no es obligatorio, se explican conceptos esenciales).
  • Una computadora con conexión a internet para seguir las lecciones y practicar los ejercicios.
  • Un editor de código, como Visual Studio Code o cualquier otro de tu preferencia.
  • Un navegador web actualizado (recomendado: Google Chrome o Firefox) para probar y ejecutar los juegos.
+ ver mas
Descripcion

¿Quieres aprender a crear videojuegos y no sabes por dónde empezar? Con este curso práctico, te sumergirás en el desarrollo de juegos utilizando tecnologías accesibles como HTML5, el elemento Canvas y JavaScript. A través de explicaciones detalladas y proyectos paso a paso, descubrirás cómo transformar tus ideas en emocionantes videojuegos.

Lo que aprenderás:

  • Fundamentos del desarrollo de videojuegos: Introducción al HTML5 y el Canvas para gráficos en 2D.
  • Programación en JavaScript: Control de movimientos, animaciones y lógica de juego.
  • Creación de gráficos y animaciones: Dibujo de formas, manipulación de imágenes y efectos visuales.
  • Interactividad en los juegos: Detectar clics, teclas y eventos del usuario.
  • Diseño de niveles: Cómo estructurar y personalizar tus propios niveles de juego.
  • Colisiones y físicas básicas: Reacciones entre elementos del juego para mayor realismo.
  • Integración de sonidos y música: Mejora la experiencia del jugador con efectos de audio.
  • Optimización para diferentes dispositivos: Asegúrate de que tus juegos funcionen en computadoras y móviles.

Proyectos que desarrollarás:

  • Un juego estilo Pong para dominar los fundamentos.
  • Un juego de plataformas inspirado en clásicos retro.
  • Un rompecabezas interactivo para desafiar tu lógica.
  • Tu propio proyecto personalizado, adaptado a tus ideas y creatividad.

¿Por qué elegir este curso?

  • Explicaciones claras y adaptadas para principiantes.
  • Ejemplos prácticos que puedes aplicar de inmediato.
  • Recursos descargables y plantillas de código.
  • Orientación para publicar tus juegos en la web y compartirlos con el mundo.

No importa si nunca has programado antes o si ya tienes experiencia, este curso te llevará de la mano desde lo más básico hasta la creación de tus propios videojuegos interactivos.

¡Únete hoy y empieza a dar vida a tus ideas con HTML y Canvas JavaScript!

+ ver mas
otros cursos relacionados
49:00:00 horas
5 1437 gratis
18:00:00 horas
Actualizada Tue, 07-Jan-2025
5 507 gratis
47:00:00 horas
5 1422 gratis
42:00:00 horas
5 314 gratis
acerca del instructor
  • 417 Reseñas
  • 2200 estudiantes
  • 18 cursos
+ ver mas
programador fullstack

¡Hola! Soy desarrollador web y de software, apasionado por las tecnologías modernas y siempre enfocado en estar a la vanguardia de las tendencias del sector. A través de mi canal de YouTube, Lubutech, comparto técnicas, recursos y conocimientos para ayudar a otros a mejorar sus habilidades en programación y mantenerse actualizados en este dinámico mundo tecnológico. Te invito a ser parte de esta comunidad y a crecer juntos en este apasionante camino hacia la innovación digital. ¡Gracias por tu apoyo! ?

Comentarios de los estudiantes
5
Puntuación media
  • 0%
  • 0%
  • 0%
  • 0%
  • 100%
Reseñas
  • Tue, 19-Jan-2038
    manuel manuel
    La verdad me enseña desde lo más básico y me agrada un montón.
  • Tue, 19-Jan-2038
    Genaro Campos
    Superó mis expectativas, lo recomiendo totalmente.
  • Tue, 19-Jan-2038
    Lucas Avilés
    Muy buen curso, lleno de información muy útil 5/5.
  • Tue, 19-Jan-2038
    John Rosero
    Curso muy útil, me ayudó a mejorar mis habilidades.
  • Tue, 19-Jan-2038
    juan condori
    Explicaciones claras y ejemplos prácticos, excelente curso.
  • Tue, 19-Jan-2038
    Jorge Albert Hernandez
    Gran curso, cubre todos los aspectos importantes.
  • Tue, 19-Jan-2038
    Jorge Alberto Avalos Hernandez
    Muy completo y bien estructurado.
  • Tue, 19-Jan-2038
    Teo espi
    ¡Excelente curso! Aprendí muchísimo.
  • Tue, 19-Jan-2038
    Adan loe
    Me encantó la metodología de enseñanza, muy recomendable.
  • Tue, 19-Jan-2038
    benjo huallpa
    Explicaciones claras y ejemplos prácticos, excelente curso.
  • Tue, 19-Jan-2038
    armando castillo
    Está bien, solo que a veces debería ser más complejo al explicar algunos datos.
  • Tue, 19-Jan-2038
    Teo Ruelas
    Me encantó este curso, aprendí bastante.
  • Tue, 19-Jan-2038
    Alexander RINCON VELANDIA
    El contenido es genial, el profesor explica de manera sencilla.
  • Tue, 19-Jan-2038
    Bryan Omar Antonio Sandoval
    Explicaciones claras y ejemplos prácticos, excelente curso.
  • Tue, 19-Jan-2038
    Freddy Limon
    Muy bien explicado y sin rodeos, me gustó bastante.
  • Tue, 19-Jan-2038
    Gonzalo Guamo
    Explicaciones claras y ejemplos prácticos, excelente curso.
  • Tue, 19-Jan-2038
    Cristian Sosa
    Superó mis expectativas, lo recomiendo totalmente.
  • Tue, 19-Jan-2038
    Alan Ortega
    ¡Excelente curso! Aprendí muchísimo.
  • Tue, 19-Jan-2038
    Jose Carlos Huayra Torrico
    Explicación sencilla y completa!
  • Tue, 19-Jan-2038
    Andrius Jaime Almeida Sima
    Una buena elección.
  • Tue, 19-Jan-2038
    Mario Coro
    Curso muy útil, me ayudó a mejorar mis habilidades.
  • Tue, 19-Jan-2038
    David Diaz
    Muy bien explicado y sin rodeos, me gustó bastante.
  • Tue, 19-Jan-2038
    saith salgado
    Muy buen curso, lleno de información muy útil 5/5.
  • Tue, 19-Jan-2038
    Jorge Cruz
    Gran curso, cubre todos los aspectos importantes.
  • Tue, 19-Jan-2038
    Artemio Núñez Zavala
    Excelente, cada hora aprendo más y los conceptos son muy claros.
gratis
incluye:
  • 15:00:00 horas Videos bajo demanda
  • 15 lecciones
  • Acceso en móvil y tv
  • Acceso de por vida completo