Juegos Móviles con HTML5 - Veggies vs Zombies

Aprende a crear tus propios juegos para iOS, Android y la web con HTML5!
4.0 (4 ratings)
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.
24 students enrolled
$19
$200
90% off
Take This Course
  • Lectures 23
  • Length 2.5 hours
  • 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 5/2014 Spanish

Course Description

Aprende a crear juegos móviles similares al famoso y galardonado Plants vs Zombies, desde cero y con las tecnologías que ya conoces: HTML, CSS y JavaScript.

En este curso desarrollaremos un juego llamado Veggies vs Zombies, similar al conocido Plants vs Zombies. Defiende tu hogar de los zombies utilizando divertidas plantas con distintos poderes.

En el curso utilizaremos la librería HTML5 Quintus, la cual permite crear juegos 2D para todas las plataformas. Lo mejor de desarrollar juegos con HTML5 es que los únicos requerimientos de software son un navegador, un editor de código y un localhost.

Temáticas cubiertas en el curso:

  • Intro al mundo de los juegos en HTML5.
  • Crear juegos que se ajustan a la resolución de la pantalla del dispositivo.
  • Escenas, escenarios, sprites.
  • Conceptos de juegos 2D como detección de colisiones y física.
  • Cómo cargar niveles desde archivos JSON.
  • Juegos multi-niveles.
  • Los juegos con sonido son memorables.
  • Cómo combinar todos los elementos para crear un demo sencillo y a la vez muy adictivo!

El autor del curso es Pablo Farías Navarro, desarrollador y emprendedor de Chile. Founder de ZENVA y creador de una veintena de cursos online, Pablo se especializa en el desarrollo web y móvil con HTML5. Pablo es además el creador de los blogs de tecnología GameDev Academy, HTML5 Hive y De Idea A App.

What are the requirements?

  • A code editor, a web browser and a local host

What am I going to get from this course?

  • Aprender a desarrollar juegos móviles en HTML5

What is the target audience?

  • Gente motivada con conocimientos básicos de HTML, CSS y JavaScript
  • Para ejecutar los ejemplos necesitas de un servidor local o localhost

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: Comenzando
04:32

Bienvenido al curso!

En este video veremos los objetivos y requisitos del curso, y daremos una intro rápida a la temática de juegos móviles en HTML5.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

10:40

En esta lección veremos algunos conceptos básicos de la librería Quintus. Quintus es una librería de JavaScript creada por Pascal Rettig que permite desarrollar juegos multiplataforma y es lo que utilizaremos en este curso.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

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

En este lección veremos cómo pre-cargar las imágenes y otros archivos del juego de manera que todo esté disponible cuando el juego comience.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

03:33

En esta lección vamos a crear la clase Zombie para representar a los enemigos de nuestro juego.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

04:25

En esta lección veremos cómo detectar colisiones, hablaremos del módulo 2D e implementaremos velocidad.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

04:32

En esta lección hablaremos del Game Loop, un concepto fundamental en el desarrollo de juegos con Quintus. El Game Loop es un proceso que ocurre muchas veces por segundo y que nos permite poner a prueba condiciones e implementar aspectos importantes de la mecánica de nuestro juego.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

07:49

En esta lección implementaremos parte de la interfaz del usuario del juego, la cual consiste en una barra lateral con indicadores y botones (a implementarse más adelante en el curso).

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

09:26

En esta lección veremos cómo crear módulos para mantener nuestro código más ordenado.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

05:35

En esta lección crearemos "soles" y veremos cómo implementar la pantalla táctil para que el jugador pueda recolectar los soles.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

06:57

En esta lección veremos las variables de estado (game state variables) que permiten guardar parámetros importantes del juego y acceder a ellos en cualquier parte.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

07:13

En esta lección implementaremos el módulo Gamplay, el cual tendrá a cargo aspectos importantes de la mecánica del juego y niveles.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

09:12

En esta lección veremos cómo generar soles de manera aleatoria.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

10:05

En esta lección implementaremos la clase para las plantas.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

07:12

En esta lección implementaremos las plantas que disparan y matan zombies.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

02:44

En esta lección implementaremos plantas explosivas que explotan al estar en contacto con un zombie.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

03:20

En esta lección implementaremos los girasoles que generan sol adicional.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

07:54

En esta lección veremos cómo cargar un nivel desde un archivo JSON.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

03:43

En esta lección vamos a implementar botones en la barra lateral para crear nuevas plantas.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

11:27

En esta lección continuaremos la implementación de botones en la barra lateral.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

07:14

En esta lección vamos a añadir audio al juego. Veremos también dónde obtener sonidos gratis y cómo cortarlos utilizando Audacity.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

08:22

En esta lección vamos a ver cómo agregar múltiples niveles mediante archivos JSON y cómo definir la secuencia de los niveles.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

Section 3: Resumen y Despedida
03:59

Bien hecho!! has llegado al final del curso!!

Si creas un juego no te olvides de contactarme para que podamos destacar tu juego en nuestro blog en español De Idea A App.

---

Cuéntanos qué te parece el curso y qué quieres aprender después!! Estamos en YouTube, Facebook, Twitter y nuestro sitio web

Qué quieres aprender después?

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