coffee_undevine geom

_.md

[ Launch: coffee_lasercut ] 9323346 by zeffii
[ Launch: coffee_templatefux_wide ] 9158750 by zeffii
[ Launch: coffee_templatefux ] 8851666 by zeffii
[ Launch: boomstick_motion_wcolor_coffee ] 6399870 by zeffii
[ Launch: boomstick_motion_wcolor_coffee ] 6382272 by zeffii
[ Launch: boomstick_motion_wcolor_coffee ] 6382237 by zeffii
[ Launch: boomstick_motion_wcolor_coffee ] 6379220 by zeffii
[ Launch: boomstick_motion_wcolor ] 6376715 by zeffii
[ Launch: boomstick_motion2 ] 6365156 by zeffii
[ Launch: boomstick_motion ] 6364686 by zeffii
[ Launch: boomstick ] 6364584 by zeffii
[ Launch: zeffii default ] 6364028 by zeffii
[ Launch: zeffii default ] 5033869 by zeffii

config.json

{"description":"coffee_undevine geom","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"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},"data2.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"util.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"injet.coffee":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.coffee":{"default":true,"vim":false,"emacs":false,"fontSize":12},"utils.coffee":{"default":true,"vim":false,"emacs":false,"fontSize":12},"details.ssv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"details.txt":{"default":true,"vim":false,"emacs":false,"fontSize":12},"details.tsv":{"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,"thumbnail":"http://i.imgur.com/rUN41qB.png"}

inlet.coffee

# undevine geometry.

svg = d3.select("svg")
svg.append("rect").attr({width:"100%", height:"100%", fill: '#1f1f1f'})

# helpers
get_points = (angle, amp, offs) ->
  x: -Math.cos(angle) * amp + offs.x
  y: Math.sin(angle) * amp + offs.y

lerp = (pos0, pos1, t) ->
  x: pos0.x + (pos1.x - pos0.x) * t
  y: pos0.y + (pos1.y - pos0.y) * t


defs = svg.append("defs")
group1 = svg.append("g").classed("group1", true)
group1
  .attr("transform", "translate(" + [329,  259 ] + ")")
  .style("stroke", "#aeaeae").style "stroke-width", 3
  
data = d3.range(54)
current_angle = 0
init_line = 264

temp_line =
  x1: -init_line
  y1: 0
  x2: 0
  y2: 0

tpoint =
  x: 0
  y: 0

epoint = get_points(0, init_line, tpoint)
lines = group1.selectAll("path").data(data)
lines.enter().append("path").attr "d", (d, i) ->
  line_path = "M" + [
    epoint.x
    epoint.y
    tpoint.x
    tpoint.y
  ]
  init_line *= (.8)
  tpoint = lerp(tpoint, epoint, 1)
  current_angle += Math.PI / 0.3025
  epoint = get_points(current_angle, init_line, tpoint)
  line_path


# EOF 

style.css

.cm-s-elegant.CodeMirror { background: #1e2426; color: #696969;  }
.cm-s-elegant div.CodeMirror-selected {background: #064968 !important;} /* 33322B*/
.cm-s-elegant span.cm-variable { color:#22EFFF; }
.cm-s-elegant span.cm-variable-2 { color: #FFCCB4; }
.cm-s-elegant span.cm-variable-3 { color: white; }
.cm-s-elegant span.cm-string { color: Chartreuse; }
.cm-s-elegant span.cm-string-2 {color: Chartreuse;}
.cm-s-elegant span.cm-def {color: #FFCCB4; opacity: 1.0}
.cm-s-elegant span.cm-bracket { color: #EBEFE7; }
.cm-s-elegant pre { color:#FFF; }
.cm-s-elegant span.cm-qualifier { color:#C0C0C0; }
.cm-s-elegant span.cm-comment { color: #AFB4B4;}
.cm-s-elegant span.cm-property {color: #FDA676;}
.cm-s-elegant span.cm-number { color: #FF92EE;}
.cm-s-elegant span.cm-keyword { color: #FFFF18; }
.cm-s-elegant .CodeMirror-cursor { border-left: 1px solid white !important; }
.cm-s-elegant .CodeMirror-gutters {background: #505050;}
.cm-s-elegant .CodeMirror-linenumber {color: #D3D3D3;}

#panel{
	width: 550px;
}