Skip to content

Instantly share code, notes, and snippets.

@roundrobin
Created February 9, 2013 01:25
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/4743394 to your computer and use it in GitHub Desktop.
Save roundrobin/4743394 to your computer and use it in GitHub Desktop.
Grunge font svg
{"description":"Grunge font svg","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":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}
var defs = g.append('defs')
var filter = defs.append('filter')
.attr('id','myFilterName')
var filter_elem1 = filter.append('feGaussianBlur')
.attr('result','result8')
.attr('id','fe1')
.attr('stdDeviation',0)
g.append('text')
.text("Hamburg")
.attr({
fill: "#000000",
stroke: "#E0CB8A",
'stroke-width': 4,
x : 100,
y: 200,
"font-size": 165,
"font-family": "Futura",
"text-anchor": "start",
"kerning": 0,
"filter" : "url(#myFilterName)"
})
.style({
'text-shadow':'2px 2px '+(10)+'px #465011',
'text-decoration' : 'underline' });
g.append('text')
.text("City")
.attr({
fill: "#000000",
stroke: "#E0CB8A",
'stroke-width': 4,
x : 500,
y: 363,
"font-size": 165,
"font-family": "Futura",
"text-anchor": "middle",
"kerning": 0,
"filter" : "url(#myFilterName)"
})
.style({
'text-shadow':'2px 2px '+(10)+'px #465011',
'text-decoration' : 'underline' });
var filter_elem2 = filter.append('feTurbulence')
.attr('result','result7')
.attr('id','fe2')
.attr('seed','27')
.attr('type','fractalNoise')
.attr('numOctaves',4)
.attr('baseFrequency',0.01276)
var r = -2.2;
var g = 1-.30288;
var b = -3.608;
var a = 2.44;
var vals = [(r),(0),(0),(0),(0),(g),(0),(0),(0),(0),(b),(1.232),(4.01664),(0.22),(0),(a),(0),(0),(0),(0)].join(" ");
//var vals = [(i0),(-0.044),(-0.208),(0.17952),(0.11904),(1.1),(-0.088),(1.716),(1.1),(0.66),(0.512),(0),(-1.288),(0),(-0.392),(0),(0),(1),(1),(1)].join(" ");
var filter_elem4 = filter.append('feColorMatrix')
.attr('result','result9')
.attr('values',vals)
.attr('id','fe4')
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment