Skip to content

Instantly share code, notes, and snippets.

@roundrobin
Forked from anonymous/inlet.js
Created January 18, 2013 18:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save roundrobin/4567157 to your computer and use it in GitHub Desktop.
Save roundrobin/4567157 to your computer and use it in GitHub Desktop.
2d text style 1
{"description":"2d text style 1","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}},"tab":"edit","display_percent":0.7,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"hidepanel":false,"fullscreen":false,"thumbnail":"http://i.imgur.com/q5UdGHz.png"}
var svg = g;
var g = svg.append('g')
.attr('transform','translate('+77+','+100+')');
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