You're reading from Canvas Cookbook Over 80 simple but creative and structured recipes to explore the capabilities of HTML5 Canvas

Product type Paperback

Published in May 2019

Publisher

ISBN-13 9781785284892

Length 254 pages

Edition 1st Edition

Languages

HTML

Tools

Canvas

Concepts

Web Design

Table of Contents (11) Chapters

Preface

What this book covers
What you need for this book
Who this book is for
Sections
Conventions
Reader feedback
Customer support

1. Paths and Text

Introduction
Drawing lines
Drawing horizontal, vertical, and assorted lines
Drawing joins
Drawing arc1
Drawing arc2
Drawing a quadratic curve
Drawing a rainbow
Drawing a Bezier curve
Drawing a flag
Drawing text
Drawing 3D text with shadows
Adding shadows to objects
Drawing a house

2. Shapes and Composites FREE CHAPTER

Introduction
Drawing rectangles
Drawing triangles
Drawing circles
Drawing gradients
Working with custom shapes and styles
Demonstrating translation, rotation, and scaling
Drawing an ellipse
Saving and restoring canvas state
Demonstrating composites
Drawing a mouse

3. Animation

Introduction
Creating an animation class
Demonstrating acceleration
Demonstrating gravity
Animating a line
Animating text
Animating a clock
Animating a solar system
Animating particles
Animating a particle fountain
Animating a rain effect
Animating a snow effect

4. Images and Videos

Introduction
Drawing and cropping an image
Rendering effects to images
Drawing a mirror image
Clipping a path
Animated clipping
Converting canvas to image and back to canvas
Working with videos
Rendering effects to videos
Creating a pixelated image focus

5. Interactivity through Events

Introduction
Working with mouse coordinates
Making a face smile
Detecting a point in a path
Simulating car movements
Dragging and dropping
Combining events and animation
Demonstrating a touch event

6. Creating Graphs and Charts

Introduction
Drawing the axes
Drawing a simple equation
Drawing a sinusoidal wave
Drawing a line graph
Drawing a bar graph
Drawing a pie chart

7. 3D Modeling

Introduction
Rendering 3D objects
Drawing 3D cubes
Drawing a 3D cylinder and a cone
Drawing a 3D sphere and a torus
Drawing 3D text decorated by particles
Drawing a panorama
Drawing a snowman

8. Game Development

Introduction
Understanding the gaming states
Drawing on canvas
Playing some music
Using sprites from the sprite sheet
Demonstrating animation
Demonstrating collision
Demonstrating physics
Game 1 – Fruit Basket
Game 2 – Catapult

9. Interoperability and Deployment

Introduction
Understanding interoperability
Styling text and background using CSS
Deploying a game on Android mobile

Index

Chapter 8. Game Development

This chapter highlights gaming using a HTML5 Canvas with Phaser. It covers the following topics:

Understanding the gaming states
Drawing on canvas
Playing some music
Using sprites from the sprite sheet
Demonstrating animation
Demonstrating collision
Demonstrating physics
Game 1 – Fruit Basket
Game 2 – Catapult

The rest of the chapter is locked

You're reading from Canvas Cookbook Over 80 simple but creative and structured recipes to explore the capabilities of HTML5 Canvas

Table of Contents (11) Chapters

Chapter 8. Game Development

Other recommended products

Personalised recommendations for you

You're reading from Canvas Cookbook Over 80 simple but creative and structured recipes to explore the capabilities of HTML5 Canvas

Table of Contents (11) Chapters

Chapter 8. Game Development

Unlock this book and the full library FREE for 7 days

Other recommended products

Personalised recommendations for you