[GIF] GIF Loop coder-introduction

Introducing the program, GIF Loop Coder, which allows-make looping animated GIFs (and other types of animations) US ing 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 a imated gif.

function ONGLC (GLC) {glc.loop ();//Glc.size (+--);//glc.setduration (5);//Glc.setfps (a);//Glc.setmode (' single ');//glc.seteasing (false);    varList =glc.renderlist, Width=glc.w, Height=glc.h, Color=Glc.color; //Your code goes here:list.addcircle ({x:width/2, Y:height/2, Radius: Max, FillStyle:"Yellow", Stroke:true, Strokestyle:"Red", LineWidth: -    }); }

Make it move:

To do, you can pass array to the props:

function ONGLC (GLC) {glc.loop ();//Glc.size (+--);//glc.setduration (5);//Glc.setfps (a);//Glc.setmode (' single ');//glc.seteasing (false);    varList =glc.renderlist, Width=glc.w, Height=glc.h, Color=Glc.color; //Your code goes here:list.addcircle ({x:width/2, Y:height/2, radius:[ -, Max], FillStyle: ["Green","Yellow"], stroke:true, Strokestyle: ["Yellow","Red"], linewidth: [ A, -]    }); }

Create Mutli stars:

function ONGLC (GLC) {glc.loop ();//Glc.size (+--);//glc.setduration (5);//Glc.setfps (a);//Glc.setmode (' single ');//glc.seteasing (false);    varList =glc.renderlist, Width=glc.w, Height=glc.h, Color=Glc.color; //Your code goes here:/*list.addcircle ({x:width/2, Y:HEIGHT/2, radius:[100, and FillStyle: ["Green", "Yello W "], Stroke:true, Strokestyle: [" Yellow "," red "], linewidth: [n]});*/         for(vari =0; I < -; i++) {List.addstar ({x:math.random ()*width, y:math.random ()*height, Outerradius: -+ math.random () * -, Innerradius:Ten+ math.random () * -, FillStyle:color.randomRGB (), Rotation: [0, -]        })    }}

[GIF] gif Loop coder-introduction