git @ Cat's Eye Technologies Wierd / 1cc4c92
Display the stack in a stack-view canvas. Chris Pressey 10 years ago
2 changed file(s) with 36 addition(s) and 19 deletion(s). Raw diff Collapse all Expand all
+29
-16
impl/wierd.js/demo/wierd.html less more
44 <style>
55 #canvas { border: 1px solid blue; }
66 #canvas_viewport {
7 width: 800px; height: 600px; overflow: scroll; border: 1px solid black;
7 width: 600px; height: 400px; overflow: scroll; border: 1px solid black;
88 }
99 #info { float: right; }
1010 #program {
2222
2323 <h1>Wierd</h1>
2424
25 <button id="load">Load</button>
26 <button id="edit">Edit</button>
27 <button id="start">Start</button>
28 <button id="stop">Stop</button>
29 <button id="step">Step</button>
30 Speed: <input id="speed" type="range" min="0" max="200" value="0" />
31
32 <div id="canvas_viewport">
33 <canvas id="canvas" width="400" height="400">
34 Your browser doesn't support displaying an HTML5 canvas.
35 </canvas>
25 <div>
26 <button id="load">Load</button>
27 <button id="edit">Edit</button>
28 <button id="start">Start</button>
29 <button id="stop">Stop</button>
30 <button id="step">Step</button>
31 Speed: <input id="speed" type="range" min="0" max="200" value="0" />
3632 </div>
3733
38 <pre id="output"></pre>
34 <div style="display: inline-block">
35 <div id="canvas_viewport">
36 <canvas id="canvas" width="400" height="400">
37 Your browser doesn't support displaying an HTML5 canvas.
38 </canvas>
39 </div>
40
41 <textarea id="program" rows="25" cols="40">
42 </textarea>
43 </div>
3944
40 <textarea id="program" rows="25" cols="40">
41 </textarea>
45 <div style="display: inline-block">
46 Stack: <canvas id="stack_display" width="400" height="100"></canvas><br />
47 Input: <input id="input"></input><br />
48 Output: <div id="output"></div>
49 </div>
4250
4351 </body>
4452 <script src="../src/yoob/controller.js"></script>
5260 var v = new yoob.PlayfieldCanvasView;
5361 v.init(null, document.getElementById('canvas'));
5462 v.setCellDimensions(undefined, 6);
55 c.init(v);
63 c.init({
64 playfieldView: v,
65 stackCanvas: document.getElementById('stack_display'),
66 inputElem: document.getElementById("input"),
67 outputElem: document.getElementById("output")
68 });
5669 c.connect({
5770 'start': 'start',
5871 'stop': 'stop',
+7
-3
impl/wierd.js/src/wierd.js less more
1414 var stack;
1515 var output;
1616
17 this.init = function(view) {
17 this.init = function(cfg) {
1818 pf = new yoob.Playfield();
1919 ip = new yoob.Cursor().init(0, 0, 1, 1);
2020 stack = new yoob.Stack();
21 view.pf = pf;
22 this.view = view.setCursors([ip]);
21 cfg.playfieldView.pf = pf; // setPlayfield, surely?
22 this.view = cfg.playfieldView.setCursors([ip]);
2323 output = document.getElementById('output');
24 this.stackCanvas = cfg.stackCanvas;
25 this.inputElem = cfg.inputElem;
2426 };
2527
2628 this.step = function() {
104106 }
105107
106108 this.view.draw();
109 stack.drawCanvas(this.stackCanvas, 10, 10);
107110 };
108111
109112 this.load = function(text) {
112115 ip.dx = 1;
113116 ip.dy = 1;
114117 this.view.draw();
118 stack.drawCanvas(this.stackCanvas, 10, 10);
115119 };
116120
117121 this.tryAhead = function(degrees, advance) {