git @ Cat's Eye Technologies Jaccia / rel_1_1_2013_0406 demo / jacciata.html
rel_1_1_2013_0406

Tree @rel_1_1_2013_0406 (Download .tar.gz)

jacciata.html @rel_1_1_2013_0406raw · history · blame

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <title>Jacciata Demo</title>
</head>
<body>

<h1>Jacciata Demo</h1>

<button id="load">Load</button>
<button id="edit">Edit</button>
<button id="start">Start</button>
<button id="stop">Stop</button>
<button id="step">Step</button>
Speed: <input id="speed" type="range" min="0" max="200" value="0" />

<textarea id="input" rows="10">
####S####
#:::::::#
#:#####:#
#:#:::#:#
#:#:#:#:#
#:::#:::#
##F######
</textarea>

<pre id="output" style="border: 1px solid blue">
</pre>

</body>
<script src="yoob/controller.js"></script>
<script src="yoob/playfield.js"></script>
<script src="../script/jacciata.js"></script>
<script>
  var output = document.getElementById('output');
  var c = new yoob.Controller();
  var pf;
  
  c.load = function(text) {
      pf = new yoob.Playfield();
      pf.setDefault('Space');
      pf.load(0, 0, text, loadMapper);
      output.innerHTML = pf.dump(dumpMapper);
  };

  c.step = function() {
      var newPf = new yoob.Playfield();
      newPf.setDefault('Space');
      evolve_playfield(pf, newPf);
      pf = newPf;
      output.innerHTML = pf.dump(dumpMapper);
  };

  c.connect({
    'start': 'start',
    'stop': 'stop',
    'step': 'step',
    'load': 'load',
    'edit': 'edit',
    'speed': 'speed',
    'source': 'input',
    'display': 'output'
  });
  c.click_load();
</script>