2022 News

March 17. This course web site has been almost completely redeveloped to remove “analytics” which might expose visitors to evil ad-tracking systems (Google Analytics, Stat Counter). See the Privacy Policy.

A few things are not quite working right:

1. In formatted code examples, underscores in some function and variable names are not displayed. For example, you may see canvas_width as canvas width.

2. Some example descriptions that I would like to be formatted with paragraphs and ordered lists are not so formatted.

3. Formatted code examples are indented one space extra on the first line.

Internal links (within the I400 course web site) should be working. External links, including to IU East pages, may be obsolete, and I will make no attempt to keep them fresh.

Except for showing the course announcements below in chronological order rather than the reverse, I have made no attempt to revise the course content, which is unchanged since 2012.

Gallery

July 14, 2012

Check out the gallery for a few examples of what we can do with the canvas and SVG.

Syllabus

August 25, 2012

We have a syllabus. Please read it so you will know what this course is about, course requirements, etc.

Week 1

August 27–September 1, 2012

• Introduction
  • Includes syllabus
  • Includes Discussion Assignment 1, due September 5
• JavaScript Fundamentals
• Introduction to the Canvas

Week 2

September 3–8, 2012

• JavaScript Functions
  • Lab 1, due 11:59 p.m. Monday, September 17, 2012
• Simple Canvas Animations

Week 3

September 10–15, 2012

• Colors and Gradients
  • Use this knowledge to complete Lab 1: Shapes and Colors, due September 17
• JavaScript Objects
• JavaScript Arrays

Week 4

September 17–22, 2012

• Controls and Events
  • Lab 2: Simple Animation with Control, due 11:59 p.m. Monday, October 1, 2012
• Canvas: Images and Patterns

Week 5

September 24–29, 2012

• JavaScript: Strings
• Canvas: Drawing Text
• Robust JavaScript

Week 6

October 1–6, 2012

• More about Lines and Curves

Week 7

October 8-13, 2012

• Midterm review and exam

Week 8

October 15–20, 2012

• Canvas Transforms and Shadows. Translation, scaling, rotation; the context stack; shadow effects.
• Discussion Assignment, due Monday Oct 21: respond in Oncourse Forums / Discussion Assignments / DA 2 Project Proposals (10 points).

Week 9

October 22–27, 2012

• Audio and Video

Week 10

October 29–November 3, 2012

• Introduction to SVG.
  • Lab 3, due 11:59 p.m. Monday, November 12, 2012.

Week 11

November 5–10, 2012

• Fancier SVG. Gradients, patterns, clipping path and mask, filters.
  • Lab 4, due 11:59 p.m. Monday, November 26 (Monday after Thanksgiving break)

Week 12

November 12–17, 2012

• Declarative Animation in SVG. Animation with SMIL.
  • Lab 5, due 11:59 p.m. Monday, December 3.

Week 13

November 26–December 1, 2012

• Dynamic SVG. Using JavaScript to animate or make other changes in SVG through the DOM.
  • No lab or discussion assignment

Weeks 14–15

Week 14, December 3–8, 2012

• Comparing Technologies, Future Prospects

Week 15, December 10–17, 2012

(Monday through Monday)

• Final review and exam (revised 2012 Dec 8)