gif test

_.md

[ Launch: Tributary inlet ] 6478931 by enjalot

config.json

{"description":"gif test","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":true,"loop":true,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/AfAZSjV.gif"}

inlet.js

tributary.delay = 50; //set the time between frames in the gif
tributary.duration = 3000; //set the loop time for tributary



var svg = d3.select("svg")
svg.append("rect").attr({width: "100%", height:"100%", fill: "#AEAFC0"})
svg.append("rect")
.attr({
  x: 100,
  y: 100,
  width: tributary.anim(81, 500),
  height: 419
})
.style({
  stroke: "#fff",
  "stroke-width": 2,
  fill: "#1EAD1E"
})