HTML5 Mobile Game Development by Example -Veggies vs Zombies

Make Bestseller mobile games for iOS, Android and the web!
4.3 (2 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.
146 students enrolled
$200
Take This Course
  • Lectures 23
  • Contents Video: 2.5 hours
    Other: 0 mins
  • Skill Level All Levels
  • Languages English
  • 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 English

Course Description

Learn how to create games similar to the award winning Plants vs Zombies

What if you could use your HTML, CSS and JavaScript knowledge to create awesome mobile games for iOS, Android and the web?

In this course we’ll build an entire game called Veggies vs Zombies, defence game inspired in the popular game Plants vs Zombies. The game we’ll build doesn’t only cover all the game dev mechanics you need to know to fly free and make any game you want, but it’s also very addictive and fun to play!

Though out the course, we’ll use the lightweight and awesome game framework HTML5 Quintus created by Pascal Rettig, which allows you to make your own video games using only a text editor, a web browser and a local host.

What you’ll learn in this course:

  • Create a complete multilevel defence game
  • Basics of 2D games: sprites, scenes, stages.
  • Collision detection.
  • Making games that adjust to the screen resolution – a must in a post-pc world!
  • Loading levels from JSON files.
  • Adding audio to make your games memorable.
  • Putting it all together to make a fun and addictive gameplay!

This course was created by Pablo Farias Navarro, founder of ZENVA and the tech blogs GameDev Academy, HTML5 Hive and De Idea A App. Pablo specializes in web and mobile app development and has produced over 20 courses teaching over 35,000 students how to make games, apps and websites.

What are the requirements?

  • Basic knowledge of HTML, CSS and JavaScript
  • You need a localhost to run the course examples
  • A code editor and a web browser

What am I going to get from this course?

  • Learn how to create awesome mobile 2D games with HTML5

What is the target audience?

  • Motivated people who want to create their own mobile games

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: Start Your Engines
04:46

Welcome to the course!

In this video we'll talk about the course goals, requirements, and do a quick intro to the topic of HTML5 game development

---

Connect with ZENVA

What would you like to learn next?

11:40

In this lesson we'll talk about the Quintus HTML5 game development framework. Quintus is a JavaScript library created by Pascal Rettig which allows you to create awesome and lightweight games using the technologies that you love: JavaScript, HTML and CSS.

---

Connect with ZENVA

What would you like to learn next?

Course Source Code
Article
Other Game Development Courses by Zenva
05:13
Section 2: Course Project
10:03

In this lesson we'll talk about preloading the sprites and game assets, so that when the game begins everything is in place.

---

Connect with ZENVA

What would you like to learn next?

04:12

In this lesson we'll create a class to represent our zombies.

---

Connect with ZENVA

What would you like to learn next?

06:10

In this lesson we'll talk about collision detection, the 2D module and some physics.

---

Connect with ZENVA

What would you like to learn next?

05:20

In this lesson we'll be accessing the game loop, which get executed multiple times per second and it allows you define core game mechanics.

---

Connect with ZENVA

What would you like to learn next?

05:43

In this lesson we'll add some of the graphic user interfase.

---

Connect with ZENVA

What would you like to learn next?

09:50

In this lesson we'll talk about the concept of modules. Modules in Quintus allow you to keep your code organized in different files.

---

Connect with ZENVA

What would you like to learn next?

06:52

In this lesson we'll create "suns" which are like coins in our game. We'll implement the touch screen support so that you can tap and collect the suns.

---

Connect with ZENVA

What would you like to learn next?

05:00

In this lesson we'll define game state variables that can keep game-level information.

---

Connect with ZENVA

What would you like to learn next?

07:26

In this lesson we'll implement the Gameplay module, which will take care of some important game mechanics.

---

Connect with ZENVA

What would you like to learn next?

08:31

In this lesson we'll implement the generation of new "suns", which is random and obeys certain parameters.

---

Connect with ZENVA

What would you like to learn next?

09:39

In this lesson we'll create a class to hold the Plants in our game.

---

Connect with ZENVA

What would you like to learn next?

07:17

In this lesson we'll implement shooting plants (that can kill zombies) and bullets.

---

Connect with ZENVA

What would you like to learn next?

01:46

Another type of plants are the explosive chillis. In this lesson we'll implement those.

---

Connect with ZENVA

What would you like to learn next?

03:40

In this lesson we'll implement sunflowers that generate suns that you can collect.

---

Connect with ZENVA

What would you like to learn next?

09:13

In this lesson we'll talk about loading levels from JSON files.

---

Connect with ZENVA

What would you like to learn next?

12:18

In this lesson we'll add buttons to the sidebar so that we can create new plants.

---

Connect with ZENVA

What would you like to learn next?

08:45

In this lesson we'll add audio to our game. I'll also show you where you can find free sounds that allow commercial usage.

---

Connect with ZENVA

What would you like to learn next?

06:39

In this lesson we'll make our game multi-level, so that we can load different levels from JSON files and specify the order of the levels.

---

Connect with ZENVA

What would you like to learn next?

Section 3: Course Summary
03:57

Congratulations!! you've reached the end of the course :)

Let me know if you make any games and we can feature them in our network of blogs!

---

Connect with ZENVA

What would you like to learn next?

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