Canvas Cookbook电子书

Canvas Cookbook

Table of Contents

Canvas Cookbook

Credits

About the Author

About the Reviewer

www.PacktPub.com

eBooks, discount offers, and more

Why Subscribe?

Preface

What this book covers

What you need for this book

Who this book is for

Sections

How to do it…

How it works…

There's more…

Conventions

Reader feedback

Customer support

Downloading the example code

Downloading the color images of this book

Errata

Piracy

Questions

1. Paths and Text

Introduction

Drawing lines

How to do it...

How it works...

There's more...

Drawing horizontal, vertical, and assorted lines

How to do it...

How it works...

There's more...

Drawing joins

How to do it...

How it works...

Drawing arc1

How to do it...

How it works...

There's more...

Drawing arc2

How to do it...

How it works...

There's more...

Drawing a quadratic curve

How to do it...

How it works...

There's more...

Drawing a rainbow

How to do it...

How it works...

Drawing a Bezier curve

How to do it...

How it works...

Drawing a flag

How to do it...

How it works...

Drawing text

How to do it...

How it works...

There's more...

Drawing 3D text with shadows

How to do it...

How it works...

There's more...

Adding shadows to objects

How to do it...

How it works...

There's more...

Drawing a house

How to do it...

How it works...

2. Shapes and Composites

Introduction

Drawing rectangles

How to do it…

How it works...

Drawing triangles

How to do it…

How it works...

There's more...

Drawing circles

How to do it…

How it works...

There's more...

Drawing gradients

How to do it…

How it works...

Radial gradient

Linear gradient

There's more...

Working with custom shapes and styles

How to do it…

How it works...

Demonstrating translation, rotation, and scaling

How to do it…

How it works...

There's more...

Drawing an ellipse

How to do it…

How it works...

Saving and restoring canvas state

How to do it…

How it works...

Demonstrating composites

How to do it…

How it works...

Drawing a mouse

How to do it…

How it works...

3. Animation

Introduction

Creating an animation class

Demonstrating acceleration

How to do it…

How it works...

Demonstrating gravity

How to do it…

How it works...

Animating a line

How to do it…

How it works...

There's more...

Animating text

How to do it…

How it works...

There's more...

Animating a clock

How to do it…

How it works...

Animating a solar system

How to do it…

How it works...

Animating particles

How to do it…

How it works...

There's more...

Animating a particle fountain

How to do it…

How it works...

There's more...

Animating a rain effect

How to do it…

How it works...

There's more...

Animating a snow effect

How to do it…

How it works...

There's more...

4. Images and Videos

Introduction

Drawing and cropping an image

How to do it

How it works...

Rendering effects to images

How to do it

How it works...

Drawing a mirror image

How to do it

How it works...

Clipping a path

How to do it

How it works...

Animated clipping

How to do it

How it works...

Converting canvas to image and back to canvas

How to do it

How it works...

Working with videos

How to do it

How it works...

Rendering effects to videos

How to do it

How it works...

Creating a pixelated image focus

How to do it

How it works...

5. Interactivity through Events

Introduction

Working with mouse coordinates

How to do it

How it works...

There's more...

Making a face smile

How to do it

How it works...

There's more...

Detecting a point in a path

How to do it

How it works...

There's more...

Simulating car movements

How to do it

How it works...

There's more...

Dragging and dropping

How to do it

How it works...

Combining events and animation

How to do it

How it works...

There's more...

Demonstrating a touch event

How to do it

How it works...

6. Creating Graphs and Charts

Introduction

Drawing the axes

How to do it…

How it works...

There's more...

Drawing a simple equation

How to do it…

How it works...

There's more...

Drawing a sinusoidal wave

How to do it…

How it works...

Drawing a line graph

How to do it…

How it works...

There's more...

Drawing a bar graph

How to do it…

How it works...

There's more...

Drawing a pie chart

How to do it…

How it works...

There's more...

7. 3D Modeling

Introduction

Rendering 3D objects

How to do it…

How it works...

There's more...

Drawing 3D cubes

How to do it…

How it works...

There's more...

Drawing a 3D cylinder and a cone

How to do it…

How it works...

Drawing a 3D sphere and a torus

How to do it…

How it works...

There's more...

Drawing 3D text decorated by particles

How to do it…

How it works...

There's more...

Drawing a panorama

How to do it…

How it works...

There's more...

Drawing a snowman

How to do it…

How it works...

There's more...

8. Game Development

Introduction

Understanding the gaming states

How to do it…

How it works...

Drawing on canvas

How to do it…

How it works...

There's more...

Playing some music

How to do it…

How it works...

There's more...

Using sprites from the sprite sheet

How to do it…

How it works...

There's more...

Demonstrating animation

How to do it…

How it works...

There's more...

Demonstrating collision

How to do it…

How it works...

There's more...

Demonstrating physics

How to do it…

How it works...

There's more...

Game 1 – Fruit Basket

How to do it…

How it works...

There's more...

Game 2 – Catapult

How to do it…

How it works...

There's more...

9. Interoperability and Deployment

Introduction

Understanding interoperability

Styling text and background using CSS

How to do it

How it works...

There's more...

Deploying a game on Android mobile

How to do it

How it works...

There's more...

Index