Book Image

Canvas Cookbook

Book Image

Canvas Cookbook

Overview of this book

With the growing popularity of HTML5 Canvas, this book offers tailored recipes to help you develop portable applications, presentations, and games. The recipes are simple yet creative and build on each other. At every step, the book inspires the reader to develop his/her own recipe. From basic to advanced, every aspect of Canvas API has been covered to guide readers to develop their own application, presentation, or game.

Related Content you might be interested in

Current Title:

Small book image
Canvas Cookbook
May, 2019 | 254 pages
Small book image
Learn Three.js
Jos Dirksen
Aug, 2018 | 528 pages
Small book image
Learning D3.js 5 Mapping
Thomas Newton | Lars Verspohl | Oscar Villarreal
Nov, 2017 | 298 pages
Table of Contents (16 chapters)
Canvas Cookbook
Canvas Cookbook
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Paths and Text
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
Shapes and Composites
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
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
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
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
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
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
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
Interoperability and Deployment
Introduction
Understanding interoperability
Styling text and background using CSS
Deploying a game on Android mobile
Index
Index

About the Author

Bhushan Purushottam Joshi is a teacher of computer science and has around 11 years of experience in teaching. He started his career as a programmer in a software firm but found true joy in teaching. He is a teacher by choice and not by chance. He teaches computer science courses such as MCA, MSc IT, BSc IT, and BSc CS at various colleges in Mumbai. He is a master at presenting technical as well as conceptual subjects in the most simplified manner. He has exemplary skill at relating daily life examples to technical concepts, which facilitates understanding of the subject matter. He enjoys teaching technical as well as conceptual subjects such as web design, Java, C#, C++, operating systems, computer networks, data structures, and ethical hacking. He is quite popular and appreciated among students for his able guidance in their project work.

Canvas Cookbook is his first sincere attempt to present the usage of HTML5 Canvas in conjunction with JavaScript and CSS to build simple and crisp recipes.

I would like to thank one of my students, Aditya Chavan, who recommended my name for the book and from there onwards, this pleasant journey of book writing commenced. I would like to thank my wife, Kalyani, and son, Soham, for giving me maximum support while writing this book. I am thankful to my father, mother, and parents-in-law for being there always and reducing the burden of my daily chores.

I would like to dedicate this book to my late grandfather, Shri Dattatray Karmarkar, who always showed an undaunted faith in me.

Previous Section
Next Chapter