CS 103 Interactive Storytelling

Schedule

Assignments should be submitted to Canvas. Due dates are shown on Canvas.


WEEK 1
January 7
Topics
  • Download Krita
  • Graphics & Terms
  • Bitmap Drawing with Krita

Assignment 1: Lab 1: Bitmap Drawing in Krita



Class Notes
WEEK 2
January 12, 14
Topics
  • BitMap Artwork
  • Color
  • Wick Editor
  • Binary Number System

Assignment 2: Lab 2: Artwork - Bitmap & Vector



Class Notes
WEEK 3
January 21
No Class on January 19.
MLK Day: January 19
Topics
  • Setting up with Wick Editor
  • Vector Drawing
  • Theory of Animation
  • Frame-by-Frame Animation Techniques in Wick Editor

Assignment 3: Lab 3: Basic Animation



Class Notes
WEEK 4
January 26, 28
Topics
  • Introduction to Programming with JavaScript
  • JavaScript variables
  • JavaScript Operators
  • JavaScript Assignment Statements
  • JavaScript console log

Assignment 4:


Class Notes
WEEK 5
February 2, 4
Topics
  • Introduction to Clips
  • Tween Motion Techniques
  • Nested Animated Clips

Assignment 5: Lab 4: Tween Animations




Class Notes:
Video: Nested Animated Clips

WEEK 6
February 9, 11
Topics
  • Cyclical animations using Clips

Assignment 6: Lab 5: Cyclical Story

WEEK 7
February 16, 18

Exam 1 Review Monday February 16

Exam 1 Wednesday February 18


No Assignment this week

WEEK 8
February 23 - 27
Spring Break
WEEK 9
March 2, 4
Topics
  • Elements of Graphic Storytelling in a Linear Narrative
  • Introduction to Storyboarding and Camera Techniques for Animation
Assignment 7:
WEEK 10
March 9, 10
Topics
  • Introduction to Objects & Clips
  • JavaScript Event Handler: Mouse Events
  • Keyboard Control using JavaScript
Assignment 8: Lab JS3: Interactive Apps



Class Notes
WEEK 11
March 16, 18
Topics
  • Discussion of Final Animation Project
  • Narrative Strategies
No Assignment this week.
Work on Storyboard for final project.
WEEK 12
March 23, 25
Topics
  • Adding Sound
  • JavaScript Events
  • ProjectAnimated Narrative: Due last day


No Assignment this week.
Work on Storyboard for final project.
Class Notes
WEEK 13
March 30, April 1
Topics
  • Interactive Buttons
  • Programatic Movement - Constraints using JavaScript
  • Creating Objects in a Game Loop (JavaScript)
  • if-else statements in JavaScript

Assignment 9: Lab JS4 Using Buttons



Class Notes
WEEK 14
April 6, 8
Topics
  • Programatic Movement with Easing
  • Review for Exam 2

Assignment 10:


Class Notes
WEEK 15
April 13, 15
Exam 2 April 13
Project Presentations (Not Required) April 15

Possible Topics (if there is time
  • Multiform Narratives and Goto Statements
  • Final Linear Narrative Presentations
  • Loop Structures
  • Animations using Iterations

Extra Credit Assignment: Lab JS7: Iterations



Class Notes