Skip to content

Instantly share code, notes, and snippets.

Created June 4, 2012 05:24
Show Gist options
  • Save anonymous/2866517 to your computer and use it in GitHub Desktop.
Save anonymous/2866517 to your computer and use it in GitHub Desktop.
just another inlet to tributary
var svg = d3.select('svg')
.attr('width',1000)
.attr('height',1000)
var g = svg.append('g')
.attr('transform','translate('+77+','+100+')')
.attr('width',1000)
.attr('height',1000)
var basic = g.append('text')
.text('visual.ly')
.attr('font-size',200)
.attr('font-weight','bold')
.attr('stroke','white')
.attr('stroke-width',12)
.attr('y',200)
.attr('fill',"#268A9C")
var defs = d3.select('svg').append('defs')
var filter = defs.append('filter')
.attr('id','texty')
.attr('width',2.1)
.attr('height',2.6)
var iterations = 16;
var step_size = 1.91615;
var startoffet = -59;
var toogle = 1;
for(var i = 0; i < iterations;i++){
filter.append('feOffset')
.attr('dx', 0)
.attr('dy', Math.sin(i*3)*81)
.attr('result','ctt'+i)
startoffet = startoffet+step_size;
console.log('off',startoffet)
// toogle = toogle *-1;
filter.append('feFlood')
.attr('flood-color','rgba('+(i*0.432)+',600,'+(i*0.58)+',1)')
.attr('flood-opacity',0.6)
.attr('result',"cFT"+i)
filter.append('feComposite')
.attr('operator','in')
.attr('in1',"cFT"+i)
.attr('in2','ctt'+i)
.attr('result','cCH'+i)
}
var merge = filter.append('feMerge')
for(var i = (iterations-1); i >= 0;i--){
merge.append('feMergeNode').attr('in','cCH'+i)
}
//merge.append('feMergeNode').attr('in','cCHx')
//merge.append('feMergeNode').attr('in','SourceGraphic')
basic.attr('filter','url(#texty)')
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment