Tributary Loop Example

_.md

[ Launch: Tributary Loop Example ] 10805686 by dmann99
[ Launch: testing loop ] 5131097 by enjalot

config.json

{"description":"Tributary Loop Example","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":false,"loop":true,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/ayKDeHn.png","ajax-caching":true}

inlet.js

tributary.loop_type = "period";

// run the init function on every change
tributary.autoinit = true;

tributary.init = function(g) {
  g.append("rect")
  .attr({
    width: 50,
    height: 50
  })
  .style({
    "fill-opacity": 0.37152,
    "fill": "#ea0061"
  })
}


tributary.run = function(g,t) {
  //console.log(t);
  g.select("rect")
  .attr({
    x: 100 + 200 * t,
    y: 125 + 200 * t
  })
}