GIF Loop Coder for Creating Animation

61 minutes

GIF Loop Coder is a desktop tool for creating looping animations using JavaScript code. It is hours of fun to be had, and the results are always interesting.

With this course, you will learn how to create animations with GLC. GLC is an open source application, built on top of Electron. You can find it on Github!

pro-course-rss-logo

PRO RSS Feed

GIF Loop Coder - Introduction

GIF Loop Coder - Animating with Arrays

GIF Loop Coder - Interpolation

GIF Loop Coder - Animation Functions

Colors in GIF Loop Coder

Shape Objects in GIF Loop Coder

Parenting in GIF Loop Coder

GIF Loop Coder Single Mode

The Phase Property in GIF Loop Coder

Outputting Animations from GIF Loop Coder

Custom Drawing in GIF Loop Coder

js tutorial about GIF Loop Coder - Introduction

GIF Loop Coder - Introduction

6:10 js

In this video, I'll introduce you to the program, GIF Loop Coder, which allows you to make looping animated gifs (and other types of animations) using JavaScript and HTML5 Canvas. We'll cover the basic UI and syntax of how to add objects to the animation list, animate them and save the result as an animated gif.

js tutorial about GIF Loop Coder - Animating with Arrays

GIF Loop Coder - Animating with Arrays

5:28 js

In this lesson, we discuss animating using arrays, and how different data types are interpolated while animating.

js tutorial about GIF Loop Coder - Interpolation

GIF Loop Coder - Interpolation

6:29 js

This video discusses the default interpolation in GIF Loop Coder, and four distinct ways to change that interpolation to add variety to your animations.

js tutorial about GIF Loop Coder - Animation Functions

GIF Loop Coder - Animation Functions

7:20 js

Animating with arrays is super simple with GIF Loop Coder, but using an animation function can give you the power to create much more complex animations.

js tutorial about Colors in GIF Loop Coder

Colors in GIF Loop Coder

6:28 js

In this lesson we cover the different methods for defining and animating colors in GIF Loop Coder.

js tutorial about Shape Objects in GIF Loop Coder

Shape Objects in GIF Loop Coder

5:53 js

This lesson is a quick tour of the predefined shape objects in GIF Loop Coder.

js tutorial about Parenting in GIF Loop Coder

Parenting in GIF Loop Coder

4:02 js

In this lesson, we look at how you can build up complex animations by assigning one shape as the parent of another, creating a branching display tree.

js tutorial about GIF Loop Coder Single Mode

GIF Loop Coder Single Mode

4:34 js

We'll take a look at Single Mode animations and strategies for making this type of animation smoothly loop.

js tutorial about The Phase Property in GIF Loop Coder

The Phase Property in GIF Loop Coder

5:10 js

In this lesson, we look at one of the most powerful features in GIF Loop Coder, the phase property, which allows you to let different objects run animations shifted in time.

js tutorial about Outputting Animations from GIF Loop Coder

Outputting Animations from GIF Loop Coder

5:11 js

Let's discuss all the different formats that GIF Loop Coder can output animations as. We'll also look at different ways to optimize output file size.

js tutorial about Custom Drawing in GIF Loop Coder

Custom Drawing in GIF Loop Coder

4:40 js

We'll look at how you can access the raw HTML5 Canvas in GIF Loop Coder and use it to draw whatever you want, in addition to the animated shapes that are a core part of GLC.

Presented by:

Keith Peters

Keith Peters is a developer based in the Boston area. He is the author / coauthor of over a dozen programming books including Playing with Chaos: Programming Fractals and Strange Attractors in JavaScript and HTML 5 Animation with Javascript and the Actionscript 3.0 Cookbook.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?