Canvas Waves

Michael Nutt has created this excellent tutorial on how to create a wave effect using canvas. By the nature of a wave effect, this means the tutorial covers drawing lines, curves, animation and transparencies.

Now you can also make waves!

Now you can also make waves!

Each of the 15 steps contains a comment about what has been changed, the source code, a preview of what has been created so far, and the differences in code.

Read the tutorial

Info

Type:
Intermediate, Tutorials
Author:
Michael Nutt
Tags:
Posted on:
October 26th, 2009
Posted by:
Andi Smith
Views:
3800

Rating

2.27

Your Rating:
1 Star2 Stars3 Stars4 Stars5 Stars

Works on

BETA Please let us know if you find Canvas Waves works in other browsers by leaving a comment below.

Comments

k

hey, this site doesn’t work anymore, shut it down

Posted on March 4, 2010

Don Smith

I could not get this to work in the latest versions of Firefox or Chrome.

Posted on July 1, 2010

Add comment

(required)
(required)
(will not be published)
(required)

Related demos