Juegos Móviles con HTML5 - Juego Educativo

Cómo crear juegos para todos los dispositivos y plataformas con HTML5 desde cero!
5.0 (1 rating) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
30 students enrolled
$200
Take This Course
  • Lectures 20
  • Contents Video: 2 hours
    Other: 2 mins
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2014 Spanish

Course Description

Te gustaría aprender desde cero a crear juegos para todos los dispositivos?

Deja de postergar tus sueños y comienza HOY con este curso donde paso a paso desarrollaremos un juego educativo con la librería de JavaScript Quintus, la cual permite crear juegos en 2D que funcionan en computadores de escritorio, teléfonos, tablets y smart tvs.

A lo largo del curso cubriremos desde cero la creación de este juego. La idea es aprender haciendo, por lo que los alumnos pueden descargar el código fuente e ir modificando los ejemplos a su antojo.

Algunos de los temas que aprenderás en este curso:

  • Creación de juegos sencillos en 2D utilizando HTML5.
  • Creación de niveles con varias capas y fondos.
  • Detección de colisiones.
  • Física 2D.
  • Flow del juego: game over y reiniciar juego.
  • Crear personas y explorar un mundo 2D con la cámara siguiéndote!
  • Interfaz del usuario en el juego.
  • Sonido!
  • Cargando info del nivel desde objetos JSON.
  • Cómo combinar todos estos elementos para crear un demo sencillo.

Únete a más de 30.000 alumnos que gracias a los cursos de ZENVA están aprendiendo a convertir sus ideas en realidades.

El autor de este curso es Pablo Farías Navarro, emprendedor y desarrollador. Como founder de ZENVA, Pablo tiene experiencia creando aplicaciones web y móviles, juegos y material educativo relacionado con videojuegos.

Pablo es también contribuidor directo y parte del comité organizador del proyecto de código abierto Quintus, librería utilizada en este curso.

Estarás en buenas manos!

What are the requirements?

  • Conocimientos básicos de HTML, CSS y JavaScript, lo cual puedes aprender con nuestros cursos gratuitos de la serie Cómo Programar para Emprendedores
  • Necesitas de un web server local o remoto para correr los ejemplos

What am I going to get from this course?

  • Aprender a crear juegos en 2D para la web y dispositivos móviles
  • Aprender lo básico del framework de juegos HTML5 Quintus

What is the target audience?

  • Gente motivada con conocimientos básicos de HTML, CSS y JavaScript

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introducción
03:31

Bienvenidos a Juegos Multiplataforma con HTML5 - Juego Educativo! En este video hablaremos de las metas de este curso y daremos una intro a la temática de los juegos en HTML5

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

10:40

En esta lección veremos algunos conceptos básicos del framework HTML5 Quintus.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

Código Fuente del Proyecto
Article
Section 2: Proyecto del Curso
07:13

En esta lección comenzaremos con nuestro proyecto de juego educativo. Introduciremos los conceptos de tilesheets y el pre-cargado de assets.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

07:23

En esta lección veremos los conceptos de escenario (Stage), escena (Scene) y crearemos algunas capas (Layers)

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

07:36

En esta lección veremos el concepto de Sprites, que corresponden a imágenes para representar personajes.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

07:12

En esta lección aprenderas cómo funciona la detección de colisiones en Quintus.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

05:17

En esta lección añadiremos la cámara que permite seguir al personaje en el nivel.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

07:23

En esta lección añadiremos los rivales.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

06:12

En esta lección añadimos la princesa que es la meta del juego.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

10:41

En esta lección agregaremos el "game over" y el ganar el juego, veremos cómo reiniciar el juego.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

08:44

En esta lección veremos cómo insertar distintas opciones en un nivel.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

02:57

En esta lección veremos cómo acceder a las stages.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

05:11

En esta lección añadimos la interfaz del usuario en un módulo aparte.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

06:21

En esta lección veremos el concepto de variables de estado del juego e implementaremos la generación de preguntas.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

04:15

En esta lección agregaremos los botones con números para que el jugador inserte la respuesta.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

06:08

En esta lección comenzaremos a implementar la revisión de la respuesta del jugador.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

05:20

En esta lección terminamos de revisar la respuesta del jugador. Si ésta es correcta el jugador avanza más rápido.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

05:59

En esta lección añadiremos audio en el juego.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

Section 3: Resumen del Curso
04:38

Felicitaciones! has completado el curso!

En esta lección haremos un breve resumen de lo aprendido.

---

Puedes seguir a ZENVA para obtener descuentos exclusivos en Facebook, Twitter y visitar nuestro sitio web y canal de YouTube.

Otros cursos de ZENVA en español:

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Pablo Farias Navarro, Software Developer and Founder of ZENVA

Software developer and founder of ZENVA. Since 2012, Pablo has been teaching online how to create games, apps and websites to over 150,000 students through the Udemy and Zenva Academy platforms, and created content for companies such as Amazon and Intel.

Pablo is a member of the Intel Innovator Program in the Asia Pacific, and has run live programming workshops in San Francisco, Brisbane and Bangalore.

Pablo holds a Master in Information Technology (Management) degree from the University of Queensland (Australia) and a Master of Science in Engineering degree from the Catholic University of Chile.

Ready to start learning?
Take This Course