Packt+ | Advance your knowledge in tech

0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

HTML5 Game Development by Example(Second Edition)

You're reading from HTML5 Game Development by Example(Second Edition) Make the most of HTML5 techniques to create exciting games from scratch

Product type Paperback

Published in Jun 2015

Publisher

ISBN-13 9781785287770

Length 354 pages

Edition 1st Edition

Languages

HTML

Concepts

2D Game Development

Table of Contents (13) Chapters

Preface

1. Introducing HTML5 Games FREE CHAPTER

2. Getting Started with DOM-based Game Development

3. Building a Card-matching Game in CSS3

4. Building the Untangle Game with Canvas and the Drawing API

5. Building a Canvas Game's Masterclass

6. Adding Sound Effects to Your Games

7. Saving the Game's Progress

8. Building a Multiplayer Draw-and-Guess Game with WebSockets

9. Building a Physics Car Game with Box2D and Canvas

10. Deploying HTML5 Games

A. Pop Quiz Answers

Index

Time for action – drawing color circles in the Canvas

First, let's set up the new environment for the example. That is, an HTML file that will contain the canvas element, a jQuery library to help us in JavaScript, a JavaScript file containing the actual drawing logic, and a style sheet:
```
index.html
js/
  js/jquery-2.1.3.js
  js/untangle.js
  js/untangle.drawing.js
  js/untangle.data.js
  js/untangle.input.js
css/
  css/untangle.css
images/
```

Put the following HTML code into the index.html file. It is a basic HTML document containing the canvas element:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Drawing Circles in Canvas</title>
  <link rel="stylesheet" href="css/untangle.css">
</head>
<body>
  <header>
    <h1>Drawing in Canvas</h1>
  </header>  
  
  <canvas id="game" width="768" height="400">
    This is an interactive game with circles and lines connecting them.
  </canvas&gt...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Personalised recommendations for you

Based on your interests and search pattern

Realizing 3D Animation in Blender

Realizing 3D Animation in Blender

Learn Blender and animation at the same time! With clearly explained exercises, insightful commentary, and a focus on animation, this book has everything you need to start animating with the world's most advanced free software for 3D content creation.

Jul 2024 15h 12m

Realizing 3D Animation in Blender

Realizing 3D Animation in Blender

Learn Blender and animation at the same time! With clearly explained exercises, insightful commentary, and a focus on animation, this book has everything you need to start animating with the world's most advanced free software for 3D content creation.

Jul 2024 15h 12m

Realizing 3D Animation in Blender

Realizing 3D Animation in Blender

Learn Blender and animation at the same time! With clearly explained exercises, insightful commentary, and a focus on animation, this book has everything you need to start animating with the world's most advanced free software for 3D content creation.

Jul 2024 15h 12m

Realizing 3D Animation in Blender

Realizing 3D Animation in Blender

Learn Blender and animation at the same time! With clearly explained exercises, insightful commentary, and a focus on animation, this book has everything you need to start animating with the world's most advanced free software for 3D content creation.

Jul 2024 15h 12m

Realizing 3D Animation in Blender

Realizing 3D Animation in Blender

Learn Blender and animation at the same time! With clearly explained exercises, insightful commentary, and a focus on animation, this book has everything you need to start animating with the world's most advanced free software for 3D content creation.

Jul 2024 15h 12m

Realizing 3D Animation in Blender

Realizing 3D Animation in Blender

Learn Blender and animation at the same time! With clearly explained exercises, insightful commentary, and a focus on animation, this book has everything you need to start animating with the world's most advanced free software for 3D content creation.

Jul 2024 15h 12m

Realizing 3D Animation in Blender

Realizing 3D Animation in Blender

Learn Blender and animation at the same time! With clearly explained exercises, insightful commentary, and a focus on animation, this book has everything you need to start animating with the world's most advanced free software for 3D content creation.

Jul 2024 15h 12m

Unity 2022 by Example

Unity 2022 by Example

This book will introduce you to C# concepts and programming patterns in Unity that will help you solve common problems. After working on a range of 2D, 3D, AR, and VR game projects, you'll be able to confidently build playable and commercial games.

Jun 2024 19h 52m

Unity 2022 by Example

Unity 2022 by Example

This book will introduce you to C# concepts and programming patterns in Unity that will help you solve common problems. After working on a range of 2D, 3D, AR, and VR game projects, you'll be able to confidently build playable and commercial games.

Jun 2024 19h 52m

Unity 2022 by Example

Unity 2022 by Example

This book will introduce you to C# concepts and programming patterns in Unity that will help you solve common problems. After working on a range of 2D, 3D, AR, and VR game projects, you'll be able to confidently build playable and commercial games.

Jun 2024 19h 52m

Unity 2022 by Example

Unity 2022 by Example

This book will introduce you to C# concepts and programming patterns in Unity that will help you solve common problems. After working on a range of 2D, 3D, AR, and VR game projects, you'll be able to confidently build playable and commercial games.

Jun 2024 19h 52m

Unity 2022 by Example

Unity 2022 by Example

This book will introduce you to C# concepts and programming patterns in Unity that will help you solve common problems. After working on a range of 2D, 3D, AR, and VR game projects, you'll be able to confidently build playable and commercial games.

Jun 2024 19h 52m