at main 1.7 kB view raw
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>