Simple HTML5 Game Development

Simple HTML5 Game Development, available at $54.99, has an average rating of 4.65, with 64 lectures, 12 quizzes, based on 125 reviews, and has 1452 subscribers.

You will learn about Build a basic web page with HTML Use CSS to add essential style to your page Understand the main concepts of programming (variables, conditions, loops, branches, functions, and arrays) using JavaScript Use JavaScript and the Document Object Model to build a basic interactive web page Understand how a Scene works in the simpleGame library, and how that adds space and time elements to your game. Build a basic Sprite object and learn how to build custom sprites to represent any game element you can imagine Practice object-oriented programming to build complex and interesting game objects that can respond to user input, collisions, and other game events Manage standard game events like input, boundary-detection and collisions Manage sound effects Learn to use the mouse and keyboard for basic user input Explore how physics can be used for more interesting control like space vehicles, realistic acceleration, and skidding. Extend your games to mobile platforms with touch and tilt input, and learn to add icons and full-screen behavior to your games Learn not just the code, but the process of building your own game from idea to reality Explore the simpleGame engine and see how it does all the magic. Learn how you can extend it yourself for even more power. This course is ideal for individuals who are Anyone interested in game development. or Web or programming experience is a bonus, but not required or Suitable for middle school, high school, or adult learners. Motivated younger students will also enjoy the course, but they may need help from an adult. Perfect course for kids and parents to take together! or Well have fun, but making a game is complex, and requires a commitment of time and effort. Youll only get a lot out of this course if you put a lot in. It is particularly useful for Anyone interested in game development. or Web or programming experience is a bonus, but not required or Suitable for middle school, high school, or adult learners. Motivated younger students will also enjoy the course, but they may need help from an adult. Perfect course for kids and parents to take together! or Well have fun, but making a game is complex, and requires a commitment of time and effort. Youll only get a lot out of this course if you put a lot in.

Enroll now: Simple HTML5 Game Development

Summary

Title: Simple HTML5 Game Development

Price: $54.99

Average Rating: 4.65

Number of Lectures: 64

Number of Quizzes: 12

Number of Published Lectures: 64

Number of Published Quizzes: 12

Number of Curriculum Items: 76

Number of Published Curriculum Objects: 76

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Build a basic web page with HTML

Use CSS to add essential style to your page

Understand the main concepts of programming (variables, conditions, loops, branches, functions, and arrays) using JavaScript

Use JavaScript and the Document Object Model to build a basic interactive web page

Understand how a Scene works in the simpleGame library, and how that adds space and time elements to your game.

Build a basic Sprite object and learn how to build custom sprites to represent any game element you can imagine

Practice object-oriented programming to build complex and interesting game objects that can respond to user input, collisions, and other game events

Manage standard game events like input, boundary-detection and collisions

Manage sound effects

Learn to use the mouse and keyboard for basic user input

Explore how physics can be used for more interesting control like space vehicles, realistic acceleration, and skidding.

Extend your games to mobile platforms with touch and tilt input, and learn to add icons and full-screen behavior to your games

Learn not just the code, but the process of building your own game from idea to reality

Explore the simpleGame engine and see how it does all the magic. Learn how you can extend it yourself for even more power.

Who Should Attend

Anyone interested in game development.

Web or programming experience is a bonus, but not required

Suitable for middle school, high school, or adult learners. Motivated younger students will also enjoy the course, but they may need help from an adult. Perfect course for kids and parents to take together!

Well have fun, but making a game is complex, and requires a commitment of time and effort. Youll only get a lot out of this course if you put a lot in.

Target Audiences

Anyone interested in game development.

Web or programming experience is a bonus, but not required

Suitable for middle school, high school, or adult learners. Motivated younger students will also enjoy the course, but they may need help from an adult. Perfect course for kids and parents to take together!

Well have fun, but making a game is complex, and requires a commitment of time and effort. Youll only get a lot out of this course if you put a lot in.

Learn to build web and mobile games with HTML5.  Even if you have no experience in programming or web development, you can create your own games.

This course begins with a quick overview of web development in HTML5 and shows you the basic web framework used in all modern pages.  It then teaches essential programming concepts using the JavaScript language embedded in all modern browsers.

The course centers around a game engine designed especially to be easy to understand. The game engine and all the other tools needed for the course are completely free. You wont need to purchase anything to build great games.

By the end of the course, youll be able to build 2D games on the web as well as on mobile devices like the iPad and mobile phones.  

Course Curriculum

Chapter 1: Building a basic page – and an epic adventure

Lecture 1: Overview of the adventure game

Lecture 2: Creating a basic HTML page

Lecture 3: Adding Pictures and Links

Lecture 4: Modifying a page with CSS

Lecture 5: Adding Audio and Building the Adventure Game

Chapter 2: Talking to the Page

Lecture 1: Introducing the word game

Lecture 2: Building a basic form

Lecture 3: Basic Input and Output

Lecture 4: Creating a good-looking form with CSS

Lecture 5: Building the word story game

Chapter 3: Coding Like a Pro

Lecture 1: Managing Data Types

Lecture 2: Adding Branching Behavior

Lecture 3: Looping with the For Loop

Lecture 4: More flexible loops with While

Lecture 5: Enhancing functions with parameters and return values

Lecture 6: Using arrays

Chapter 4: Building a text-based game

Lecture 1: Designing the number guesser

Lecture 2: Generating random numbers

Lecture 3: Building the number guesser

Chapter 5: Introducing the Game Engine

Lecture 1: Introduction to the SimpleGame Engine

Lecture 2: SimpleGame Overview

Lecture 3: Basic Keyboard Interaction

Lecture 4: Using the simpleGame Practice Tool

Chapter 6: Creating Game Elements

Lecture 1: Introducing Objects

Lecture 2: Adding Sound Effects

Lecture 3: Detecting Collisions

Lecture 4: Working with the Timer

Chapter 7: Getting to a Game

Lecture 1: Building a game design diagram

Lecture 2: Building prototypes: the Frog and the Fly

Lecture 3: Adding collisions and sound effects

Lecture 4: Working with multiple flies

Lecture 5: Adding timing and a game reset feature

Chapter 8: Motion and Animation

Lecture 1: Simple Physics – motion in space

Lecture 2: Adding (kind of) realistic acceleration and drag

Lecture 3: Drifting and Skidding made simple

Lecture 4: Adding basic gravity

Lecture 5: Fun with orbital mechanics

Lecture 6: Adding weapons and projectiles to sprites

Lecture 7: SpriteSheet animation

Chapter 9: Going Mobile

Lecture 1: Overview of Mobile HTML5 game development

Lecture 2: Using a hosting service and setting the game size

Lecture 3: Using buttons and the touch interface as a virtual mouse

Lecture 4: Working with the virtual joystick

Lecture 5: Working with tilt interfaces

Chapter 10: SimpleGame in depth

Lecture 1: Understanding the scene class

Lecture 2: Using Sprites

Lecture 3: Using sounds, keyboard, and the timer

Lecture 4: Using the virtual joystick and accelerometer

Chapter 11: Game Asset Resources

Lecture 1: Diagramming with Dia

Lecture 2: Vector Graphics with InkScape

Lecture 3: Raster Graphics with Gimp

Lecture 4: Using Blender for basic 3D

Lecture 5: Great image archives

Lecture 6: Free audio resources

Chapter 12: Game Starters

Lecture 1: Lunar Lander – basic gravity game

Lecture 2: mail pilot – top-down scroller / shooter, repeating background

Lecture 3: marble tilt – tilt interface, dynamic level creation

Lecture 4: whack-a-mole – classic arcade game gone OOP

Lecture 5: platform scroller – run and jump with gravity, moddable level elements

Lecture 6: Pong – better collisions, simple AI

Lecture 7: role-playing game – character objects, simple combat system

Lecture 8: tanks – multipart sprites, gravity

Lecture 9: Tile-based worlds – building huge worlds easily

Lecture 10: Tic-tac-toe – with basic AI

Instructors

Andy Harris
Teacher, Author, Game Developer

Rating Distribution

1 stars: 3 votes

2 stars: 7 votes

3 stars: 14 votes

4 stars: 32 votes

5 stars: 69 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!