working with initial fixed div size

app.py

@@ -19,7 +19,7 @@ HTML = """
 
     xmlhttp.open("GET", "file/" + file, true);
     xmlhttp.send();
-} loadXMLDoc("main.f618bc6469232e234c6c.js");'>
+} loadXMLDoc("main.ce8fb551c94501aecd83.js");'>
 
 """
 

main.f618bc6469232e234c6c.js → main.ce8fb551c94501aecd83.js

@@ -1 +1 @@
-!function(e){function t(t){for(var n,o,_=t[0],i=t[1],u=0,c=[];u<_.length;u++)o=_[u],Object.prototype.hasOwnProperty.call(r,o)&&r[o]&&c.push(r[o][0]),r[o]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(f&&f(t);c.length;)c.shift()()}var n={},r={0:0};var o={};var _={4:function(){return{"./rust_3d_demo_bg.js":{__wbindgen_boolean_get:function(e){return n[2].exports.X(e)},__wbindgen_object_drop_ref:function(e){return n[2].exports.eb(e)},__wbindgen_cb_drop:function(e){return n[2].exports.Y(e)},__wbg_error_569d7454c64f6dbe:function(e,t){return n[2].exports.v(e,t)},__wbg_instanceof_Window_0e6c0f1096d66c3c:function(e){return n[2].exports.I(e)},__wbg_document_99eddbbc11ec831e:function(e){return n[2].exports.r(e)},__wbg_getElementById_f83c5de20dc455d6:function(e,t,r){return n[2].exports.x(e,t,r)},__wbg_addEventListener_78d3aa7e06ee5b73:function(e,t,r,o){return n[2].exports.b(e,t,r,o)},__wbg_instanceof_WebGlRenderingContext_b0885da52b151d86:function(e){return n[2].exports.H(e)},__wbg_bufferData_282e5d315f5503eb:function(e,t,r,o){return n[2].exports.f(e,t,r,o)},__wbg_uniformMatrix4fv_caf5129a09f4f267:function(e,t,r,o,_){return n[2].exports.T(e,t,r,o,_)},__wbg_attachShader_0867104b37cae2d6:function(e,t,r){return n[2].exports.c(e,t,r)},__wbg_bindBuffer_28e62f648e99e251:function(e,t,r){return n[2].exports.d(e,t,r)},__wbg_blendFunc_08a6e279418be6da:function(e,t,r){return n[2].exports.e(e,t,r)},__wbg_clear_786a8deca6672a9d:function(e,t){return n[2].exports.k(e,t)},__wbg_clearColor_2c1d714dee770474:function(e,t,r,o,_){return n[2].exports.i(e,t,r,o,_)},__wbg_clearDepth_a953c0db5cab80ac:function(e,t){return n[2].exports.j(e,t)},__wbg_compileShader_1b371763cfd802f7:function(e,t){return n[2].exports.n(e,t)},__wbg_createBuffer_48c0376fc0746386:function(e){return n[2].exports.o(e)},__wbg_createProgram_c2675d2cc83435a6:function(e){return n[2].exports.p(e)},__wbg_createShader_8d2a55e7777bbea7:function(e,t){return n[2].exports.q(e,t)},__wbg_drawElements_efa6c15e2787a58c:function(e,t,r,o,_){return n[2].exports.s(e,t,r,o,_)},__wbg_enable_981a414a11bbed87:function(e,t){return n[2].exports.u(e,t)},__wbg_enableVertexAttribArray_1d5f3ff6e7da7095:function(e,t){return n[2].exports.t(e,t)},__wbg_getProgramInfoLog_e70b0120bda14895:function(e,t,r){return n[2].exports.y(e,t,r)},__wbg_getProgramParameter_e4fe54d806806081:function(e,t,r){return n[2].exports.z(e,t,r)},__wbg_getShaderInfoLog_95d068aeccc5dbb3:function(e,t,r){return n[2].exports.A(e,t,r)},__wbg_getShaderParameter_2972af1cb850aeb7:function(e,t,r){return n[2].exports.B(e,t,r)},__wbg_getUniformLocation_776a1f58e7904d81:function(e,t,r,o){return n[2].exports.C(e,t,r,o)},__wbg_linkProgram_b98c8967f45a44fd:function(e,t){return n[2].exports.K(e,t)},__wbg_shaderSource_daca520f63ef8fca:function(e,t,r,o){return n[2].exports.P(e,t,r,o)},__wbg_uniform1f_bb331865fe6d123b:function(e,t,r){return n[2].exports.S(e,t,r)},__wbg_useProgram_022d72a653706891:function(e,t){return n[2].exports.U(e,t)},__wbg_vertexAttribPointer_a75ea424ba9fa4e8:function(e,t,r,o,_,i,u){return n[2].exports.V(e,t,r,o,_,i,u)},__wbg_clientX_83648828186ba19f:function(e){return n[2].exports.l(e)},__wbg_clientY_ba9e5549993281e3:function(e){return n[2].exports.m(e)},__wbg_instanceof_HtmlCanvasElement_b94545433bb4d2ef:function(e){return n[2].exports.F(e)},__wbg_getContext_0c19ba5c037e057f:function(e,t,r){return n[2].exports.w(e,t,r)},__wbg_newnoargs_e23b458e372830de:function(e,t){return n[2].exports.N(e,t)},__wbg_call_ae78342adc33730a:function(e,t){return n[2].exports.h(e,t)},__wbindgen_object_clone_ref:function(e){return n[2].exports.db(e)},__wbg_self_99737b4dcdf6f0d8:function(){return n[2].exports.O()},__wbg_window_9b61fbbf3564c4fb:function(){return n[2].exports.W()},__wbg_globalThis_8e275ef40caea3a3:function(){return n[2].exports.D()},__wbg_global_5de1e0f82bddcd27:function(){return n[2].exports.E()},__wbindgen_is_undefined:function(e){return n[2].exports.bb(e)},__wbg_buffer_7af23f65f6c64548:function(e){return n[2].exports.g(e)},__wbg_new_72a8787c7d3cf0d9:function(e){return n[2].exports.M(e)},__wbg_length_9dc247caa0af6173:function(e){return n[2].exports.J(e)},__wbg_new_540a7305f70a9894:function(e){return n[2].exports.L(e)},__wbg_subarray_142d589b8491e964:function(e,t,r){return n[2].exports.Q(e,t,r)},__wbg_subarray_92a0f27076346b14:function(e,t,r){return n[2].exports.R(e,t,r)},__wbg_instanceof_Memory_7998a70b65f6c848:function(e){return n[2].exports.G(e)},__wbindgen_debug_string:function(e,t){return n[2].exports.ab(e,t)},__wbindgen_throw:function(e,t){return n[2].exports.fb(e,t)},__wbindgen_memory:function(){return n[2].exports.cb()},__wbindgen_closure_wrapper76:function(e,t,r){return n[2].exports.Z(e,t,r)}}}}};function i(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.e=function(e){var t=[],n=r[e];if(0!==n)if(n)t.push(n[2]);else{var u=new Promise((function(t,o){n=r[e]=[t,o]}));t.push(n[2]=u);var c,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return "file/"+i.p+""+({}[e]||e)+".f618bc6469232e234c6c.js"}(e);var f=new Error;c=function(t){a.onerror=a.onload=null,clearTimeout(b);var n=r[e];if(0!==n){if(n){var o=t&&("load"===t.type?"missing":t.type),_=t&&t.target&&t.target.src;f.message="Loading chunk "+e+" failed.\n("+o+": "+_+")",f.name="ChunkLoadError",f.type=o,f.request=_,n[1](f)}r[e]=void 0}};var b=setTimeout((function(){c({type:"timeout",target:a})}),12e4);a.onerror=a.onload=c,document.head.appendChild(a)}return({2:[4]}[e]||[]).forEach((function(e){var n=o[e];if(n)t.push(n);else{var r,u=_[e](),c=fetch("file/"+i.p+""+{4:"90f3e55710a733c9c274"}[e]+".module.wasm");if(u instanceof Promise&&"function"==typeof WebAssembly.compileStreaming)r=Promise.all([WebAssembly.compileStreaming(c),u]).then((function(e){return WebAssembly.instantiate(e[0],e[1])}));else if("function"==typeof WebAssembly.instantiateStreaming)r=WebAssembly.instantiateStreaming(c,u);else{r=c.then((function(e){return e.arrayBuffer()})).then((function(e){return WebAssembly.instantiate(e,u)}))}t.push(o[e]=r.then((function(t){return i.w[e]=(t.instance||t).exports})))}})),Promise.all(t)},i.m=e,i.c=n,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i.oe=function(e){throw console.error(e),e},i.w={};var u=window.webpackJsonp=window.webpackJsonp||[],c=u.push.bind(u);u.push=t,u=u.slice();for(var a=0;a<u.length;a++)t(u[a]);var f=c;i(i.s=0)}([function(e,t,n){const r=Promise.all([n.e(1),n.e(2)]).then(n.bind(null,1)),o=document.getElementById("rustCanvas"),_=document.getElementById("1"),i=o.getContext("webgl",{antialias:!0});r.then(e=>{if(!i)return void alert("Failed to initialize WebGL");const t=new e.DougsClient,n=Date.now();let r=-1;!function e(){window.requestAnimationFrame(e);const u=Date.now();if(_.clientHeight===o.height&&_.clientWidth===o.width||(o.height=_.clientHeight,o.clientHeight=_.clientHeight,o.style.height=_.clientHeight,o.width=_.clientWidth,o.clientWidth=_.clientWidth,o.style.width=_.clientWidth,i.viewport(0,0,_.clientWidth,_.clientHeight)),u>=r+1e3/30){r=u;let e=u-n;t.update(e,_.clientHeight,_.clientWidth),t.render()}}()})}]);
+!function(e){function t(t){for(var n,o,_=t[0],i=t[1],u=0,c=[];u<_.length;u++)o=_[u],Object.prototype.hasOwnProperty.call(r,o)&&r[o]&&c.push(r[o][0]),r[o]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(f&&f(t);c.length;)c.shift()()}var n={},r={0:0};var o={};var _={4:function(){return{"./rust_3d_demo_bg.js":{__wbindgen_boolean_get:function(e){return n[2].exports.X(e)},__wbindgen_object_drop_ref:function(e){return n[2].exports.eb(e)},__wbindgen_cb_drop:function(e){return n[2].exports.Y(e)},__wbg_error_569d7454c64f6dbe:function(e,t){return n[2].exports.v(e,t)},__wbg_instanceof_Window_0e6c0f1096d66c3c:function(e){return n[2].exports.I(e)},__wbg_document_99eddbbc11ec831e:function(e){return n[2].exports.r(e)},__wbg_getElementById_f83c5de20dc455d6:function(e,t,r){return n[2].exports.x(e,t,r)},__wbg_addEventListener_78d3aa7e06ee5b73:function(e,t,r,o){return n[2].exports.b(e,t,r,o)},__wbg_instanceof_WebGlRenderingContext_b0885da52b151d86:function(e){return n[2].exports.H(e)},__wbg_bufferData_282e5d315f5503eb:function(e,t,r,o){return n[2].exports.f(e,t,r,o)},__wbg_uniformMatrix4fv_caf5129a09f4f267:function(e,t,r,o,_){return n[2].exports.T(e,t,r,o,_)},__wbg_attachShader_0867104b37cae2d6:function(e,t,r){return n[2].exports.c(e,t,r)},__wbg_bindBuffer_28e62f648e99e251:function(e,t,r){return n[2].exports.d(e,t,r)},__wbg_blendFunc_08a6e279418be6da:function(e,t,r){return n[2].exports.e(e,t,r)},__wbg_clear_786a8deca6672a9d:function(e,t){return n[2].exports.k(e,t)},__wbg_clearColor_2c1d714dee770474:function(e,t,r,o,_){return n[2].exports.i(e,t,r,o,_)},__wbg_clearDepth_a953c0db5cab80ac:function(e,t){return n[2].exports.j(e,t)},__wbg_compileShader_1b371763cfd802f7:function(e,t){return n[2].exports.n(e,t)},__wbg_createBuffer_48c0376fc0746386:function(e){return n[2].exports.o(e)},__wbg_createProgram_c2675d2cc83435a6:function(e){return n[2].exports.p(e)},__wbg_createShader_8d2a55e7777bbea7:function(e,t){return n[2].exports.q(e,t)},__wbg_drawElements_efa6c15e2787a58c:function(e,t,r,o,_){return n[2].exports.s(e,t,r,o,_)},__wbg_enable_981a414a11bbed87:function(e,t){return n[2].exports.u(e,t)},__wbg_enableVertexAttribArray_1d5f3ff6e7da7095:function(e,t){return n[2].exports.t(e,t)},__wbg_getProgramInfoLog_e70b0120bda14895:function(e,t,r){return n[2].exports.y(e,t,r)},__wbg_getProgramParameter_e4fe54d806806081:function(e,t,r){return n[2].exports.z(e,t,r)},__wbg_getShaderInfoLog_95d068aeccc5dbb3:function(e,t,r){return n[2].exports.A(e,t,r)},__wbg_getShaderParameter_2972af1cb850aeb7:function(e,t,r){return n[2].exports.B(e,t,r)},__wbg_getUniformLocation_776a1f58e7904d81:function(e,t,r,o){return n[2].exports.C(e,t,r,o)},__wbg_linkProgram_b98c8967f45a44fd:function(e,t){return n[2].exports.K(e,t)},__wbg_shaderSource_daca520f63ef8fca:function(e,t,r,o){return n[2].exports.P(e,t,r,o)},__wbg_uniform1f_bb331865fe6d123b:function(e,t,r){return n[2].exports.S(e,t,r)},__wbg_useProgram_022d72a653706891:function(e,t){return n[2].exports.U(e,t)},__wbg_vertexAttribPointer_a75ea424ba9fa4e8:function(e,t,r,o,_,i,u){return n[2].exports.V(e,t,r,o,_,i,u)},__wbg_clientX_83648828186ba19f:function(e){return n[2].exports.l(e)},__wbg_clientY_ba9e5549993281e3:function(e){return n[2].exports.m(e)},__wbg_instanceof_HtmlCanvasElement_b94545433bb4d2ef:function(e){return n[2].exports.F(e)},__wbg_getContext_0c19ba5c037e057f:function(e,t,r){return n[2].exports.w(e,t,r)},__wbg_newnoargs_e23b458e372830de:function(e,t){return n[2].exports.N(e,t)},__wbg_call_ae78342adc33730a:function(e,t){return n[2].exports.h(e,t)},__wbindgen_object_clone_ref:function(e){return n[2].exports.db(e)},__wbg_self_99737b4dcdf6f0d8:function(){return n[2].exports.O()},__wbg_window_9b61fbbf3564c4fb:function(){return n[2].exports.W()},__wbg_globalThis_8e275ef40caea3a3:function(){return n[2].exports.D()},__wbg_global_5de1e0f82bddcd27:function(){return n[2].exports.E()},__wbindgen_is_undefined:function(e){return n[2].exports.bb(e)},__wbg_buffer_7af23f65f6c64548:function(e){return n[2].exports.g(e)},__wbg_new_72a8787c7d3cf0d9:function(e){return n[2].exports.M(e)},__wbg_length_9dc247caa0af6173:function(e){return n[2].exports.J(e)},__wbg_new_540a7305f70a9894:function(e){return n[2].exports.L(e)},__wbg_subarray_142d589b8491e964:function(e,t,r){return n[2].exports.Q(e,t,r)},__wbg_subarray_92a0f27076346b14:function(e,t,r){return n[2].exports.R(e,t,r)},__wbg_instanceof_Memory_7998a70b65f6c848:function(e){return n[2].exports.G(e)},__wbindgen_debug_string:function(e,t){return n[2].exports.ab(e,t)},__wbindgen_throw:function(e,t){return n[2].exports.fb(e,t)},__wbindgen_memory:function(){return n[2].exports.cb()},__wbindgen_closure_wrapper76:function(e,t,r){return n[2].exports.Z(e,t,r)}}}}};function i(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.e=function(e){var t=[],n=r[e];if(0!==n)if(n)t.push(n[2]);else{var u=new Promise((function(t,o){n=r[e]=[t,o]}));t.push(n[2]=u);var c,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return "file/"+i.p+""+({}[e]||e)+".ce8fb551c94501aecd83.js"}(e);var f=new Error;c=function(t){a.onerror=a.onload=null,clearTimeout(b);var n=r[e];if(0!==n){if(n){var o=t&&("load"===t.type?"missing":t.type),_=t&&t.target&&t.target.src;f.message="Loading chunk "+e+" failed.\n("+o+": "+_+")",f.name="ChunkLoadError",f.type=o,f.request=_,n[1](f)}r[e]=void 0}};var b=setTimeout((function(){c({type:"timeout",target:a})}),12e4);a.onerror=a.onload=c,document.head.appendChild(a)}return({2:[4]}[e]||[]).forEach((function(e){var n=o[e];if(n)t.push(n);else{var r,u=_[e](),c=fetch("file/"+i.p+""+{4:"90f3e55710a733c9c274"}[e]+".module.wasm");if(u instanceof Promise&&"function"==typeof WebAssembly.compileStreaming)r=Promise.all([WebAssembly.compileStreaming(c),u]).then((function(e){return WebAssembly.instantiate(e[0],e[1])}));else if("function"==typeof WebAssembly.instantiateStreaming)r=WebAssembly.instantiateStreaming(c,u);else{r=c.then((function(e){return e.arrayBuffer()})).then((function(e){return WebAssembly.instantiate(e,u)}))}t.push(o[e]=r.then((function(t){return i.w[e]=(t.instance||t).exports})))}})),Promise.all(t)},i.m=e,i.c=n,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i.oe=function(e){throw console.error(e),e},i.w={};var u=window.webpackJsonp=window.webpackJsonp||[],c=u.push.bind(u);u.push=t,u=u.slice();for(var a=0;a<u.length;a++)t(u[a]);var f=c;i(i.s=0)}([function(e,t,n){const r=Promise.all([n.e(1),n.e(2)]).then(n.bind(null,1)),o=document.getElementById("rustCanvas"),_=document.getElementById("1"),i=o.getContext("webgl",{antialias:!0});r.then(e=>{if(!i)return void alert("Failed to initialize WebGL");const t=new e.DougsClient,n=Date.now();let r=-1;_.clientHeight===o.height&&_.clientWidth===o.width||(o.height=_.clientHeight,o.clientHeight=_.clientHeight,o.style.height=_.clientHeight,o.width=_.clientWidth,o.clientWidth=_.clientWidth,o.style.width=_.clientWidth,i.viewport(0,0,_.clientWidth,_.clientHeight)),function e(){window.requestAnimationFrame(e);const o=Date.now();if(o>=r+1e3/30){r=o;let e=o-n;t.update(e,_.clientHeight,_.clientWidth),t.render()}}()})}]);