STRd6

tickets: [
  {name: "None", price: null}
  {name: "Economy", price: 199.95}
  {name: "Business", price: 449.22}
  {name: "First Class", price: 1199.99}
]
chosenTicket: Observable()
resetTicket: ->
  @chosenTicket(@tickets[0])

STRd6

(function() {
  var _base;

  this.HAMLjr || (this.HAMLjr = {});

  (_base = this.HAMLjr).templates || (_base.templates = {});

  this.HAMLjr.templates["template"] = function(data) {
    return (function() {
      var __attribute, __each, __element, __filter, __on, __pop, __push, __render, __text, __with, _ref;

STRd6

YELLOW="\[\033[0;33m\]"
GRAY="\[\033[0;34m\]"
RESET="\033[0;00m"

if [ -z "$COMP_SYM" ]; then
  COMP_SYM="♥"
fi

PS1="\n\! \[\`if [[ \$? = "0" ]]; then echo '\e[32m\h\e[0m'; else echo '\e[31m\h\e[0m' ; fi\`\]:\w$YELLOW"'`__git_ps1`'"$GRAY \@$RESET\n$COMP_SYM "

STRd6

[color]
  ui = auto
[color "branch"]
  current = yellow reverse
  local = yellow
  remote = green
[color "diff"]
  meta = yellow bold
  frag = magenta bold
  old = red bold

STRd6

TODO
----
Save back to repo from gh-pages demo build

Handle folders in repos

Live Update Demo
- Display Demo Runtime Errors in console

Persist state across demo reloads

STRd6

var o =
    { a : "ape"
    , b : "bat"
    , c : "cat"
    , d : "dog"
    , e : "elf"
    , f : "fly"
    , g : "gnu"
    , h : "hat"
    , i : "ibu"

STRd6

Screens

Intro

Config View

Arena View

Robot Behavior

STRd6

colorMatrixFilter = function (pixels, m) {
  var d = pixels.data;
  for (var i = 0; i < d.length; i += 4) {
    var r = d[i];
    var g = d[i + 1];
    var b = d[i + 2]; 
    var a = d[i + 3];

    d[i]   = r * m[0] + g * m[1] + b * m[2] + a * m[3] + m[4];
    d[i+1] = r * m[5] + g * m[6] + b * m[7] + a * m[8] + m[9];

STRd6

 {cos, sin, sqrt} = Math
 τ = 2 * Math.PI

 DFT = (series) ->
   N = series.length
   rootN = sqrt(N)
   divRootN = (x) -> x / rootN

   [0...N].map (k) ->
     series.map ([x, y], n) ->

STRd6

.toolbar
  - each @tools, (tool) ->
    - activeClass = -> "active" if tool is activeTool()
    .tool(style="background-image: url(#{tool.iconUrl})" class=activeClass)
      -on "click", (e) ->
        - activeTool(tool)