Free Sample
+ Collection

Learn HTML5 by Creating Fun Games

Starting
Rodrigo Silveira

Learning should be fun, especially when it comes to getting to grips with HTML5. Each chapter of this book teaches a new concept of HTML5 by helping you develop a relevant game. It’s education without the effort.
$29.99
$49.99
RRP $29.99
RRP $49.99
eBook
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849696029
Paperback374 pages

About This Book

  • Learn the basics of this emerging technology and have fun doing it
  • Unleash the new and exciting features and APIs of HTML5
  • Create responsive games that can be played on a browser and on a mobile device

Who This Book Is For

If you are are looking to get a good grounding in how to use the new awesome technology that is HTML5, this book is for you. Basic knowledge of HTML and/or HTML5 is welcome, but optional. The book is a friendly and exciting reference for beginners.

Table of Contents

Chapter 1: An Overview of HTML5
What is HTML?
What is HTML5?
HTML5 is not a single feature
More semantic document structure
A warning about performance
Native features of the browser
CSS3
JavaScript APIs
The Web as a platform
The Open Web
HTML5 – a game changer
Learning HTML5 through game development
Summary
Chapter 2: HTML5 Typography
The game
Game elements
API usage
The code
Summary
Chapter 3: Understanding the Gravity of HTML5
Browser compatibility
The game
Web audio
SVG
Drag-and-drop
Summary
Chapter 4: Using HTML5 to Catch a Snake
The game
Typed arrays
Canvas
Web workers
Offline application cache
The code
Summary
Chapter 5: Improving the Snake Game
The game
API usage
IndexedDB
The code
Summary
Chapter 6: Adding Features to Your Game
Advanced HTML5 APIs
WebGL
Web sockets
Video
Geolocation
Upcoming CSS features
Summary
Chapter 7: HTML5 and Mobile Game Development
Desktop versus mobile
Understanding media queries
Understanding touch events
The game
Summary

What You Will Learn

  • Understand why the open web is the best platform to develop for
  • Set up a local web development environment
  • Create DOM-based games such as a typography game using semantic HTML5 tags and CSS3 features
  • Use the new canvas element to create a 2D space shooter game
  • Discover writing portable code while developing a basic Jelly Wobbling Gravity Game
  • Create animations using RequestAninmationFrame while improvising the Snake game.
  • Make your games portable across desktop and mobile devices
  • Get started with WebGL for 3D game development, and with other upcoming HTML5 features and APIs

In Detail

HTML is fast, secure, responsive, interactive, and stunningly beautiful. It lets you target the largest number of devices and browsers with the least amount of effort. Working with the latest technologies is always fun and with a rapidly growing mobile market, it is a new and exciting place to be.

"Learn HTML5 by Creating Fun Games" takes you through the journey of learning HTML5 right from setting up the environment to creating fully-functional games. It will help you explore the basics while you work through the whole book with the completion of each game.

"Learn HTML5 by Creating Fun Games" takes a very friendly approach to teaching fun, silly games for the purpose of giving you a thorough grounding in HTML5. The book has only as much theory as it has to, often in tip boxes, with most of the information explaining how to create HTML5 canvas games. You will be assisted with lots of simple steps with screenshots building towards silly but addictive games.

The book introduces you to HTML5 by helping you understand the setup and the underlying environment. As you start building your first game that is a typography game, you understand the significance of elements used in game development such as input types, web forms, and so on.We will see how to write a modern browser-compatible code while creating a basic Jelly Wobbling Game. Each game introduces you to an advanced topic such as vector graphics, native audio manipulation, and dragging-and-dropping. In the later section of the book, you will see yourself developing the famous snake game using requestAnimationFrame along with the canvas API, and enhancing it further with web messaging, web storage, and local storage. The last game of this book, a 2D Space shooter game, will then help you understand mobile design considerations.

Authors

Read More