pattern_Seq

_.md

[ Launch: zeffii default ] 7433062 by zeffii
[ Launch: zeffii default ] 5033869 by zeffii

config.json

{"description":"pattern_Seq","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}},"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/CC1G0Ug.png"}

inlet.js

d3.select("body").style("background-color", d3.rgb(25,25,25))

var svg = d3.select("svg");
var defs = svg.append("defs");
var group1 = svg.append("g").classed("group1", true);

group1.attr("transform", "translate(" + [37, 150] + ")")
.style({'fill':  "none", stroke: "#aeaeae"})



var track_separation = 17;
var part_separation = 12;
var trigger_x_distance = 20;

var string_patterns = [
  "1..1...1..1. 1..1...1..1. 1..1...1..1.",
  "1..1...1.11. 1..1.1.1..1.",
  "1..1...1.11. 1..1.1.1..1. 11.1...1..1.",
  ".......1.11. 1..1.1.1..1.",
  "1..1...1.11. 1..1.1.1..1. 11.1...1..1."
];

var num_parts = string_patterns.length;

var current_track = 0;
for( var i = 0; i < num_parts; i++){
  
  var trigger_strings = string_patterns[i].split(" ");
  var num_tracks = trigger_strings.length;
  
  for( var j = 0; j < num_tracks; j++){
    
    current_track += 1;
    
    var num_trigger_patterns = trigger_strings[j].length;
    var part_height = num_trigger_patterns * track_separation;  
  
    for (var ch = 0; ch < num_trigger_patterns; ch++){
    
      var trig = trigger_strings[j][ch];
      var fill_color = (trig=="1") ? "white": "red";
      var y_pos = (part_separation*i) + (current_track*track_separation);
      var x_pos = trigger_x_distance * ch;
      group1.append("rect")
        .attr({height:10, width:10})
        .style({fill: fill_color})
        .attr("transform", "translate("+ [ x_pos, y_pos] + ")") 
    
    }
  }
}



// helpers


// get_points(angle, cp, {}, amp)
function get_points(angle, amp){
    var pos = {}; 
	pos.x = Math.cos(angle) * amp
	pos.y = Math.sin(angle) * amp
	return pos
}


/* EOF */

style.css

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