Index of Video Tutorials (Animate/CreateJS and p5.js)

• Index of MAT 190 Video Tutorials

 

Publishing and FTP

• sFTP Info for the MAT Server
• Video Tutorial - Publishing and FTP to Upload Your Exercise (13:58)
• Index of Student Work

 

Animation and Interactivity resources from MAT 150

• Index of Video Tutorials from MAT 150 - Animation and Interactivity
• Animation Principles Documentation (PDF Version)
• Web and Media Design Principles and Tips
• Basic Actionscripting Samples (AS2/AS3/HTML5)
• Scripting Navigation in Animate/Flash (AS2/AS3/HTML5)

 

Actionscripting and Older Resources from MAT 190

• Index of Video Tutorials and Sample Files for ActionScripting with AS3
• Additional AS3 Code and Sample Files

 

p5.js Resources and Reference

• p5.js - Home
• p5.js - Editor
• p5.js - Downloads/CDN
• p5.js - Reference
• p5.js - Learn
• p5.js - Forum

 

Processing

• Processing.org
• Hello Processing
• Learning Processing
• Processing Reference
• Processing Tutorials

 

Sites of Inspiration

• p5.js Showcase
• Open Processing
• Creative Applications Network
• FWA
• Communication Arts Interactive Annual
• National Film Board of Canada
• The Eyeo Festival

 

Class Websites

• The class website for schedule, tutorial, and project information:
  http://karlcleveland.com/190

• CANVAS for announcements, discussions, and grading:
  https://miracosta.instructure.com/courses/40265

Required Software + Code Libraries

• Adobe Animate CC. We may also use Photoshop, Illustrator, Dreamweaver (or your favorite code editor) and others as needed.  If you do not own this software already, as a student you can purchase the entire Adobe suite at an educational discount through CollegeBuys.org or you can work in the library on those exercises requiring the Adobe CC software.

• The p5.js JavaScript library available from https://p5js.org, the p5.play library, and others as needed. p5.js is based on and very similar to Processing. 

Required Online Video Tutorials

• Instructor created instructional videos (on the class website)
• Code! Programming with p5.js (from Dan Shiffman)

Required Reading 

• Make: Getting Started with p5.js : Making Interactive Graphics in JavaScript and Processing by Lauren McCarthy, Casey Reas, and Ben Fry. 

The required reading  and much of the optional reading is available for free through Safari Books Online (https://library.miracosta.edu/safari).

Optional Reading

• Learning Processing, 2nd Edition by Daniel Shiffman (with Processing and p5.js code samples here) 
• Learn JavaScript with p5.js: Coding for Visual Learners by Engin Arslan
• HTML5 Animation with JavaScript by Billy Lamberta and Keith Peters (with code samples here)
• Adobe Animate Classroom in a Book (2020 release) by Russell Chun
• Form + Code in Design, Art, and Architecture: A Guide to Computational Aesthetics by Casey Reas and Chandler McWilliams
• Learning Actionscript 3.0 (Second Edition) by Rich Shupe
• Processing: A Programming Handbook for Visual Designers, Second Edition by Casey Reas and Ben Fry.
• Game Design with HTML5 & JavaScript by Rex van der Spuy
• JavaScript: The Definitive Guide by David Flanagan
• HTML5 Canvas for Games and Entertainment by Rob Hawkes