bit engine
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <title>bitEngine</title>
8 <style>
9 #canvas {
10 border: 1px solid black;
11 display: block;
12 margin: 0 auto;
13 }
14 </style>
15 </head>
16 <body>
17 <canvas id="canvas" width="640px" height="380px"></canvas>
18 <textarea id="output" rows="8"></textarea>
19 <script type="text/javascript">
20 var Module = {
21 print: (function() {
22 var element = document.getElementById('output');
23 return function(text) {
24 element.innerHTML += text.replace('\n', '<br>', 'g') + '<br>';
25 }
26 })(),
27 canvas: (function() {
28 var canvas = document.getElementById('canvas');
29
30 // As a default initial behavior, pop up an alert when webgl context is lost. To make your
31 // application robust, you may want to override this behavior before shipping!
32 // See http://www.khronos.org/registry/webgl/specs/latest/1.0/#5.15.2
33 canvas.addEventListener("webglcontextlost", function(e) { alert('WebGL context lost. You will need to reload the page.'); e.preventDefault(); }, false);
34
35 return canvas;
36 })()
37 };
38 </script>
39 <script type="text/javascript" src="bite.js"></script>
40 </body>
41</html>