GIF Loop Coder for Creating Animation

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!

Watch User Created Playlist (11)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

GIF Loop Coder - Introduction

GIF Loop Coder - Animating with Arrays

GIF Loop Coder - Interpolation

P

GIF Loop Coder - Animation Functions

P

Colors in GIF Loop Coder

P

Shape Objects in GIF Loop Coder

P

Parenting in GIF Loop Coder

P

GIF Loop Coder Single Mode

P

The Phase Property in GIF Loop Coder

P

Outputting Animations from GIF Loop Coder

P

Custom Drawing in GIF Loop Coder

P
javascript tutorial about GIF Loop Coder - Introduction

GIF Loop Coder - Introduction

6:10 javascript

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.

javascript tutorial about GIF Loop Coder - Animating with Arrays

GIF Loop Coder - Animating with Arrays

5:28 javascript

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

javascript tutorial about GIF Loop Coder - Interpolation

GIF Loop Coder - Interpolation

6:29 javascript PRO

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

javascript tutorial about GIF Loop Coder - Animation Functions

GIF Loop Coder - Animation Functions

7:20 javascript PRO

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.

javascript tutorial about Colors in GIF Loop Coder

Colors in GIF Loop Coder

6:28 javascript PRO

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

javascript tutorial about Shape Objects in GIF Loop Coder

Shape Objects in GIF Loop Coder

5:53 javascript PRO

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

javascript tutorial about Parenting in GIF Loop Coder

Parenting in GIF Loop Coder

4:02 javascript PRO

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.

javascript tutorial about GIF Loop Coder Single Mode

GIF Loop Coder Single Mode

4:34 javascript PRO

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

javascript tutorial about The Phase Property in GIF Loop Coder

The Phase Property in GIF Loop Coder

5:10 javascript PRO

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.

javascript tutorial about Outputting Animations from GIF Loop Coder

Outputting Animations from GIF Loop Coder

5:11 javascript PRO

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.

javascript tutorial about Custom Drawing in GIF Loop Coder

Custom Drawing in GIF Loop Coder

4:40 javascript PRO

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.

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