CS 103 Interactive Storytelling

Schedule

Assignments should be submitted to Canvas by their due date.


WEEK 1
September 3
Topics
  • Introduction: Software, Graphics & Terminology
  • Bitmap Drawing with Krita

Assignment: Lab 1: Bitmap Drawing in Krita



Class Notes
WEEK 2
September 8, 10
Topics
  • BitMap Artwork
  • Color
  • Binary Number System

Assignment: Lab 2: Bitmap Artwork Creation



Class Notes
WEEK 3
September 15, 17
Topics
  • Setting up with Wick Editor
  • Vector Drawing
  • Theory of Animation
  • Frame-by-Frame Animation Techniques in Wick Editor

Assignment: Lab 3: Vector Art and Basic Animation



Class Notes
WEEK 4
September 22, 24
Topics
  • Introduction to Programming with JavaScript
  • JavaScript variables
  • JavaScript Operators
  • JavaScript Assignment Statements
  • JavaScript console log

Assignment:


Class Notes
WEEK 5
Sept 29 - Oct 1
Topics
  • Introduction to Clips
  • Tween Motion Techniques
  • Nested Animated Clips

Assignment: Lab 4: Tween Animations
This week's lecture will address exercises 1 and 2 from Lab 4.



Class Notes: Video: Nested Animated Clips

WEEK 6
October 6, 8
Topics
  • Cyclical animations using Clips

Assignment: Lab 4: Tween Animations
Complete remaining exercises from Lab 4.



Class Notes See Video from Week 5.

WEEK 7
October 13, 15
Fall Recess: Oct 13-14
Topics
  • Introduction to Objects & Clips
  • JavaScript Event Handler: Mouse Events
  • Keyboard Control using JavaScript

Assignment: Lab 5: Advanced Animations


Class Notes
WEEK 8
October 20, 22
Exam 1 Monday October 20
Topics
  • Elements of Graphic Storytelling in a Linear Narrative
  • Introduction to Storyboarding and Camera Techniques for Animation
Assignments:

WEEK 9
October 27, 29
Topics
  • Narrative Strategies
WEEK 10
November 3, 5
Topics
  • Adding Sound
  • JavaScript Events

Assignment: Lab JS3: Interactive Applications
NOTE: Lab JS3 will be completed in class.


Begin Assignment: Project (Animated Narrative) Due Week 14



Class Notes
WEEK 11
November 10, 12
Topics
  • Interactive Buttons
  • Programatic Movement - Constraints using JavaScript
  • Creating Objects in a Game Loop (JavaScript)
  • if-else statements in JavaScript

Assignment: Lab JS4 Sounds and Using Buttons



Class Notes
WEEK 12
November 17, 19
Topics
  • Programatic Movement with Easing

Assignment: Lab JS5: If-else and Movement



Class Notes
WEEK 13
November 24
Thanksgiving Break November 26-28
Topics
  • Multiform Narratives and Goto Statements

Assignment: Lab JS6



Class Notes
WEEK 14
December 1, 3
Exam 2 Monday December 1

Topics
  • Loop Structures
  • Animations using Iterations

Assignment: Lab JS7: Iterations and Fibonacci Flower



Class Notes
WEEK 15
December 8
  • Final Linear Narrative Presentations