papa fire

_.md

[ Launch: papa fire ] 5790492 by enjalot

config.json

{"description":"papa fire","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"fire.svg":{"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":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/7A9WzV1.png"}

fire.svg

inlet.js

var svg = d3.select("svg")
var bg = svg.append("rect")
.attr({
  width: "100%",
  height: "100%",
  fill: "#000"
})

var scale = 2.4;

tributary.loop_type = "pingpong"

var papa = svg.select("#papa").each(toFront)
var fire = svg.select("#fire").each(toFront)

papa.attr("transform", "scale(" + scale + ")")
fire.attr("transform", "scale(" + scale + ")")

var bbox = fire.node().getBBox()
console.log(bbox)

tributary.run = function(g,t) {
  
  fire.selectAll("path")
  .attr("transform", function(d,i) {
    var s = 1.1 + 0.2 * Math.sin(t*Math.PI/2 + i/100);
    var sc = "scale(" + s + ")"
    var trans = "translate(" + [(1-s)*bbox.x, (1-s)*bbox.y] +")"
    return trans + sc
  })
}


function toFront() {
  this.parentNode.appendChild(this);
}