Lesson 1

Setting the stage with backgrounds

To begin, we need to create the skeleton (the "boilerplate") of our HTML5 file. Create a file named "index.html" and add these lines:

<html> <head> <title>Title</title> <script...
      
Read More

Lesson 2

Three little words with text...

You may have noticed that we've created two Javascript functions in Lesson 1, init and draw. The first is the "initial" or beginning function - it contains all the code to start drawing the...

Read More

Lesson 3

Making moves with animation

Now that you have your beloved's attention, let's knock it out of the park and make'em swoon... with animated hearts!

In the images folder, we have a file named RHeartBig.png. What doesn't say "I love...

Read More