Motion Design Week 1

In this introduction, we will go over the transition from Flash to JavaScript. We will also look at HTML5, CSS layouts, and color.

Motion Design Week 2

In this section, we will cover CSS Transitions, CSS Transforms, and jQuery animations. We will also cover concepts regarding easing, transitioning, and other effects.

Motion Design Week 3

In this section we will cover Velocity.js, web accessibility, and Scalable Vector Graphics (SVG). Velocity.js is a great alternative to jQuery animate with great performance.

Motion Design Week 4

In this section, we will cover Greensock (GSAP) for using various tweens. We will also cover using a timeline when creating animations. This week also covers a crash course in typography and is an intro to using HTML5 audio and video.

Motion Design Week 5

In this section, we will cover the Web Audio API and HTML5 Canvas.

Motion Design Week 6

In this section, we delve into creative coding. This will be introduction to Processing, and it's latest JavaScript variant, p5.js.

Motion Design Week 7

In this section, we will continue with Processing using p5.js. We will also take a look at particles.js, an excellent and easy to use library for creating particles.

Motion Design Week 8

In this section, we will start exploring WebGL. After beginning with a brief intro to 3D computer graphics, and an overview of WebGL, we will use the p5.js to create WebGL 3D graphics.

Motion Design Week 9

In this section, we will start exploring WebGL. After beginning with a brief intro to 3D computer graphics, and an overview of WebGL, we will use the p5.js to create WebGL 3D graphics.

Posted in