├── webassembly
    ├── webassemblyDemo.wasm
    ├── printv.h
    ├── webassemblyDemo.cpp
    └── webassemblyDemo.js
├── server.js
├── runner.js
├── README.md
├── example
    ├── index.html
    └── script.js
├── GPGPU.js
├── LICENSE
└── GPGPU.h


/webassembly/webassemblyDemo.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DanRuta/GPGPU/HEAD/webassembly/webassemblyDemo.wasm


--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
 1 | "use strict"
 2 | 
 3 | const http = require("http")
 4 | const fs = require("fs")
 5 | const url = require("url")
 6 | 
 7 | http.createServer((request, response) => {
 8 | 
 9 |     let path = url.parse(request.url).pathname
10 |     let data
11 | 
12 |     path = (path=="/"?"/example/index.html":path)
13 | 
14 |     console.log(path)
15 | 
16 |     switch(path){
17 |         case "/webassemblyDemo.wasm":
18 |             try{
19 |                 data = fs.readFileSync(__dirname+"/webassembly"+path)
20 |             }catch(e){}
21 |             break
22 |         default:
23 |             try{
24 |                 data = fs.readFileSync(__dirname+path, "utf8")
25 |             }catch(e){}
26 |     }
27 | 
28 |     response.end(data)
29 | 
30 | }).listen(1337, () => console.log("Server Listening on port 1337"))
31 | 
32 | 


--------------------------------------------------------------------------------
/webassembly/printv.h:
--------------------------------------------------------------------------------
 1 | #include <vector>
 2 | 
 3 | template<class T>
 4 | void printv(T values) {
 5 |     EM_ASM(window.printfVector = []);
 6 | 
 7 |     for (int i=0; i<values.size(); i++) {
 8 |         EM_ASM_({
 9 |             window.printfVector.push($0)
10 |         }, values[i]);
11 |     }
12 | 
13 |     EM_ASM(console.log(window.printfVector));
14 | }
15 | 
16 | template<class T>
17 | void printv(std::vector<std::vector<T>> values) {
18 |     EM_ASM(window.printfVector = []);
19 | 
20 |     for (int i=0; i<values.size(); i++) {
21 | 
22 |         EM_ASM_({window.printfVector[$0] = []}, i);
23 | 
24 |         for (int j=0; j<values[i].size(); j++) {
25 |             EM_ASM_({
26 |                 window.printfVector[$0].push($1)
27 |             }, i, values[i][j]);
28 |         }
29 |     }
30 | 
31 |     EM_ASM(console.log(window.printfVector));
32 | }
33 | 
34 | 
35 | template<class T>
36 | void printv(std::vector<std::vector<std::vector<T>>> values) {
37 |     EM_ASM(window.printfVector = []);
38 | 
39 |     for (int i=0; i<values.size(); i++) {
40 | 
41 |         EM_ASM_({window.printfVector[$0] = []}, i);
42 | 
43 |         for (int j=0; j<values[i].size(); j++) {
44 | 
45 |             EM_ASM_({window.printfVector[$0][$1] = []}, i, j);
46 | 
47 |             for (int k=0; k<values[i][j].size(); k++) {
48 |                 EM_ASM_({
49 |                     window.printfVector[$0][$1].push($2)
50 |                 }, i, j, values[i][j][k]);
51 |             }
52 |         }
53 |     }
54 | 
55 |     EM_ASM(console.log(window.printfVector));
56 | }
57 | 
58 | 
59 | template<class T>
60 | void printv(T values[], int size) {
61 | 
62 |     EM_ASM(window.printfVector = []);
63 | 
64 |     for (int i=0; i<size; i++) {
65 |         EM_ASM_({
66 |             window.printfVector.push($0)
67 |         }, values[i]);
68 |     }
69 | 
70 |     EM_ASM(console.log(window.printfVector));
71 | }


--------------------------------------------------------------------------------
/runner.js:
--------------------------------------------------------------------------------
 1 | "use strict"
 2 | // https://stackoverflow.com/questions/9781218/how-to-change-node-jss-console-font-color
 3 | 
 4 | const fs = require("fs")
 5 | const {exec, execSync} = require("child_process")
 6 | 
 7 | 
 8 | let willExecute
 9 | let start
10 | const watchers = []
11 | const toChange = new Set()
12 | 
13 | 
14 | const finish = () => {
15 |     willExecute = false
16 |     const elapsed = Date.now() - start
17 |     console.log("\x1b[32m", "\x1b[1m", `\nDone\x1b[0m in \x1b[36m${elapsed/1000}s\x1b[0m at \x1b[36m${new Date().toTimeString().split(" ")[0]}\x1b[0m`, " Watching...\n")
18 | }
19 | 
20 | const compile = () => {
21 | 
22 |     console.log("")
23 |     start = Date.now()
24 | 
25 |     const tasks = []
26 | 
27 |     for (const dir of toChange) {
28 |         const file = dir.split("\\")[0]
29 | 
30 |         tasks.push(new Promise((resolve, reject) => {
31 | 
32 |             const command = `C:/emsdk/emsdk_env.bat & echo Building... & emcc -o ./webassembly/webassemblyDemo.js ./webassembly/webassemblyDemo.cpp -O3 -s DISABLE_EXCEPTION_CATCHING=2 -s ALLOW_MEMORY_GROWTH=1 -s WASM=1 -s NO_EXIT_RUNTIME=1 -std=c++14`
33 |             console.log(`[${file}] Running...  `, `\x1b[4m${command}\x1b[0m`)
34 | 
35 |             exec(command, (error, stdout, stderr) => {
36 | 
37 |                 if (error) {
38 |                     console.log("\n\x1b[31m", "\x1b[43m", "ERROR", "\x1b[0m Code:", error.code, "running", `\x1b[4m${command}\x1b[0m\n`)
39 |                     console.log("\x1b[0m", new Error(error))
40 |                     return void reject()
41 |                 }
42 | 
43 |                 if (stdout) console.log(stdout)
44 |                 if (stderr) console.log(stderr)
45 |                 resolve()
46 |             })
47 |         }))
48 | 
49 | 
50 |         toChange.delete(dir)
51 |     }
52 | 
53 |     Promise.all(tasks).then(finish).catch(finish)
54 | }
55 | 
56 | 
57 | fs.watch("./", {recursive: true, persistent: true}, (eventType, filename) => {
58 | 
59 |     if (eventType=="change" && /\.(cpp|c|h|hpp)$/.test(filename) && !toChange.has(filename)) {
60 |         if (!willExecute) {
61 | 
62 |             console.log(`\x1b[0m${filename}\x1b[0m`, "changed")
63 | 
64 |             toChange.add(filename)
65 |             willExecute = true
66 |             setTimeout(compile, 1000)
67 |         }
68 |     }
69 | })
70 | 
71 | 
72 | console.log("\x1b[32m", "\x1b[1m", "\nWatching...\x1b[0m")


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # GPGPU
  2 | 
  3 | Small library for running arbitrary calculations on the GPU, using JavaScript or WebAssembly.
  4 | 
  5 | ## Usage
  6 | Check the ```example/script.js``` file for a few examples for both JavaScript and WebAssembly, as well as some benchmarks for a few examples, to see which one will suit your needs most.
  7 | 
  8 | ### Common
  9 | The general structure of the set up code is as follows:
 10 | 1. Define the GPGPU instance with the size (and context, optionally)
 11 | 2. Create the framebuffer (with optional custom dimensions). This is the outgoing array of data.
 12 | 3. Add your textures (arrays)
 13 | 4. Build program with your shader(s)
 14 | 5. Add any attribs/uniform variables you need in your shaders
 15 | 6. Run the computations (draw)
 16 | 7. Update the texture data, if needed
 17 | 8. Read the data
 18 | 9. Delete to clean up
 19 | 
 20 | ##### Quick JavaScript example:
 21 | ```javascript
 22 | const testData = new Float32Array(100*4)
 23 | 
 24 | for (let i=0; i<100*4; i++) {
 25 |     testData[i] = i
 26 | }
 27 | // 1
 28 | const gpu = new GPGPU({height: 100, width: 100})
 29 | // 2
 30 | gpu.makeFrameBuffer()
 31 | // 3
 32 | gpu.makeTexture(testData)
 33 | // 4
 34 | gpu.buildProgram(`
 35 |         precision highp float;
 36 | 
 37 |         uniform sampler2D texture;
 38 |         varying vec2 vTextureCoord;
 39 | 
 40 |         void main() {
 41 |             gl_FragColor = texture2D(texture, vTextureCoord);
 42 |         }`)
 43 | // 5
 44 | gpu.addAttrib("position", {numElements: 3, stride: 20, offset: 0})
 45 | gpu.addAttrib("textureCoord", {numElements: 2, stride: 20, offset: 12})
 46 | // 6
 47 | gpu.draw()
 48 | // 7
 49 | testData[0]++
 50 | gpu.updateTexture(0, testData)
 51 | gpu.draw()
 52 | // 8
 53 | const results = gpu.getPixels()
 54 | // 9
 55 | gpu.delete()
 56 | ```
 57 | 
 58 | ##### Quick WebAssembly (C++) example:
 59 | *Note: Currently, when using the WebAssembly version, you must currently have a canvas element on the page (can be hidden with CSS) with id ```theCanvas```. In the future this hopefully shouldn't be required.*
 60 | ```C++
 61 | std::string example1Fragment = R"V0G0N(
 62 |     precision highp float;
 63 | 
 64 |     uniform sampler2D texture;
 65 |     varying vec2 vTextureCoord;
 66 | 
 67 |     void main() {
 68 |         gl_FragColor = texture2D(texture, vTextureCoord);
 69 |     }
 70 | )V0G0N";
 71 | 
 72 | float data[16384*4];
 73 | 
 74 | for (int i=0; i<16384*4; i++) {
 75 |     data[i] = (float)i;
 76 | }
 77 | 
 78 | // 1
 79 | GPGPU gpu = GPGPU(128, 128);
 80 | // 2
 81 | gpu.makeFrameBuffer();
 82 | // 3
 83 | gpu.makeTexture(data);
 84 | //4
 85 | gpu.buildProgram(example1Fragment);
 86 | // 5
 87 | gpu.addAttrib("position", 3, 20, 0);
 88 | gpu.addAttrib("textureCoord", 2, 20, 12);
 89 | // 6
 90 | gpu.draw();
 91 | // 7
 92 | float* out = gpu.getPixels();
 93 | // 8
 94 | gpu.deleteGL();
 95 | ```
 96 | 
 97 | ## API
 98 | 
 99 | ### JS: GPGPU({gl, height, width})
100 | ### C++: GPGPU(height, width)
101 | _int_ **height** - Height of the context in pixels (not used when gl is given)
102 | _int_ **width** - Width of the context in pixels (not used when gl is given)
103 | _webgl context_ **gl** - Use an existing context. The height and width will be set to the given gl context's. (optional)
104 | 
105 | This will create the webgl context with the given size.
106 | 
107 | 
108 | ### makeFrameBuffer(), makeFrameBuffer(width, height)
109 | _int_ **height** - Height of the frameBuffer in pixels (optional - will default to the context height)
110 | _int_ **width** - Width of the frameBuffer in pixels (optional - will default to the context width)
111 | 
112 | This will init the outgoing array data. If your shader increases/reduces the data cardinality, you can set the size of the framebuffer to something bigger/smaller.
113 | 
114 | ### makeTexture(data),  makeTexture(data, width, height)
115 | _Float32Array_ **data** - The data buffer to be read as a texture by the shader
116 | _int_ **height** - Height of the texture in pixels (optional - will default to the context height)
117 | _int_ **width** - Width of the texture in pixels (optional - will default to the context width)
118 | 
119 | This will add a texture (incoming data array) to the computation. You can call this several times, with different arrays, for multiple arrays/textures to be loaded by the shader. When writing your shader, you will be able to access your textures incrementally, as ```texture0```, ```texture1```, ```texture2```, etc. You can set different dimensions if their size differs from the context's (eg a second, kernel texture).
120 | 
121 | ### updateTexture(data), updateTexture(data, index)
122 | _int_ **index** - The index of the texture to replace. Defaults to 0.
123 | _Float32Array_ **data** - The data buffer to update with
124 | 
125 | This will update the data used as a texture. The index of the texture matches the order in which the textures were defined.
126 | 
127 | ### buildProgram(fragment), buildProgram(fragment, vertex)
128 | _string_ **fragment** - The GLSL fragment shader to carry out the compute for each pixel
129 | _string_ **vertex** - The GLSL vertex shader (Optional) This defaults to a standard vertex shader:
130 | ```glsl
131 | attribute vec3 position;
132 | attribute vec2 textureCoord;
133 | 
134 | varying highp vec2 vTextureCoord;
135 | 
136 | void main() {
137 |     gl_Position = vec4(position, 1.0);
138 |     vTextureCoord = textureCoord;
139 | }
140 | ```
141 | This will bind the two shaders to the context, compile them, and throw any errors.
142 | 
143 | ### JS: addAttrib(name), addAttrib(name, {numElements, stride, offset})
144 | ### C++: addAttrib(name), addAttrib(name, numElements, stride, offset)
145 | _string_ **name** - The name of the attribute
146 | _int_ **numElements** - How many elements in the vector (Optional - will default to 3). Can be 1-4.
147 | _int_ **stride** - The stride in bytes (Optional - will default to 20)
148 | _int_ **offset** - Pointer/offset (Optional - will default to 0)
149 | 
150 | This will set a read-only global variable which may change per vertex (used in the vertex shader).
151 | 
152 | ### addUniform(name), addUniform(name, value), addUniform(name, value, type)
153 | _string_ **name** - The name of the uniform
154 | _number_ **value** - The value assigned to the uniform
155 | _string_ **type** - Override for the function used to set the uniform (Optional - defaults to "uniform1f")
156 | 
157 | This will set a global variable for use in the fragment shader. It is unchanged for the entire draw call.
158 | 
159 | ### draw(), draw(texture)
160 | _webgl texture_ **texture** - You can set a different GPGPU's framebuffer as an input, and the shader will take it as input , instead of the first given texture (Optional)
161 | 
162 | This will bind all the textures (once) and will run the shaders on the input texture(s).
163 | 
164 | ### getPixels(), getPixels(startX, startY, spanX, spanY)
165 | _int_ **startX** - The x position in the framebuffer to start reading from (Optional - will default to 0)
166 | _int_ **startY** - The y position in the framebuffer to start reading from (Optional - will default to 0)
167 | _int_ **spanX** - How many x pixels to read from the framebuffer (Optional - will default to the end)
168 | _int_ **spanY** - How many y pixels to read from the framebuffer (Optional - will default to the end)
169 | 
170 | Once the ```draw()``` function was called, this can be used to read the data from the framebuffer.
171 | 
172 | ### delete() - C++: deleteGL()
173 | 
174 | This will clean up by deleting the context and associated data.
175 | 
176 | ## Demos
177 | 
178 | Run ```node server``` and go to ```localhost:1337``` to see some basic demos with performance comparison vs javascript.
179 | 
180 | ## Compiling
181 | 
182 | To edit/compile the C++ demo, first run ```node runner.js``` to watch for file changes and automatically compile.


--------------------------------------------------------------------------------
/example/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <title>GPGPU Examples</title>
  5 |     <!-- // <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script> -->
  6 |     <script src="./example/Chart.min.js"></script>
  7 |     <script src="./GPGPU.js"></script>
  8 |     <script src="./webassembly/webassemblyDemo.js"></script>
  9 |     <script>
 10 |     // Get the latest version of my library
 11 |     fetch("https://raw.githubusercontent.com/DanRuta/wasm-arrays/master/dist/wasm-arrays.min.js")
 12 |     .then(r => r.text())
 13 |     .then(s => {
 14 |         const script = document.createElement("script")
 15 |         script.innerHTML = s
 16 |         document.head.appendChild(script)
 17 |     })
 18 | 
 19 |     /* SHADERS START*/
 20 |     window.example1Fragment = `
 21 |         #ifdef GL_FRAGMENT_PRECISION_HIGH
 22 |             precision highp float;
 23 |         #else
 24 |             precision mediump float;
 25 |         #endif
 26 | 
 27 |         uniform sampler2D texture;
 28 |         varying vec2 vTextureCoord;
 29 | 
 30 | 
 31 |         void main() {
 32 |             gl_FragColor = texture2D(texture, vTextureCoord);
 33 |         }
 34 |     `
 35 | 
 36 |     window.example2Fragment = `
 37 |         #ifdef GL_FRAGMENT_PRECISION_HIGH
 38 |             precision highp float;
 39 |         #else
 40 |             precision mediump float;
 41 |         #endif
 42 | 
 43 |         uniform sampler2D texture;
 44 |         varying vec2 vTextureCoord;
 45 | 
 46 |         void main() {
 47 |             gl_FragColor = texture2D(texture, vTextureCoord) * texture2D(texture, vTextureCoord);
 48 |         }
 49 |     `
 50 | 
 51 |     window.example3Fragment = `
 52 |         #ifdef GL_FRAGMENT_PRECISION_HIGH
 53 |             precision highp float;
 54 |             uniform highp sampler2D texture0;
 55 |             uniform highp sampler2D texture1;
 56 |             uniform highp sampler2D texture2;
 57 |         #else
 58 |             precision mediump float;
 59 |             uniform mediump sampler2D texture0;
 60 |             uniform mediump sampler2D texture1;
 61 |             uniform mediump sampler2D texture2;
 62 |         #endif
 63 | 
 64 |         varying vec2 vTextureCoord;
 65 |         uniform float variable;
 66 | 
 67 |         void main() {
 68 | 
 69 |             vec4 pixel1 = texture2D(texture0, vTextureCoord);
 70 |             vec4 pixel2 = texture2D(texture1, vTextureCoord);
 71 |             vec4 pixel3 = texture2D(texture2, vTextureCoord);
 72 | 
 73 |             // pixel3.r = 1.0;
 74 | 
 75 |             gl_FragColor.r = pixel1.r + pixel2.r + pixel3.r + variable;
 76 |             gl_FragColor.g = pixel1.g + pixel2.g + pixel3.g + variable;
 77 |             gl_FragColor.b = pixel1.b + pixel2.b + pixel3.b + variable;
 78 |             gl_FragColor.a = pixel1.a + pixel2.a + pixel3.a + variable;
 79 | 
 80 |         }
 81 |     `
 82 |     window.example4Fragment = `
 83 |         #ifdef GL_FRAGMENT_PRECISION_HIGH
 84 |             precision highp float;
 85 |             uniform highp sampler2D texture1;
 86 |             uniform highp sampler2D texture2; // kernel
 87 |         #else
 88 |             precision mediump float;
 89 |             uniform mediump sampler2D texture1;
 90 |             uniform mediump sampler2D texture2; // kernel
 91 |         #endif
 92 | 
 93 |         varying vec2 vTextureCoord;
 94 |         uniform float w;
 95 | 
 96 |         void main() {
 97 | 
 98 |             const int kSpan = 3;
 99 |             const int spread = kSpan/2;
100 | 
101 |             // Gather the input values into a map
102 |             vec4 n[kSpan*kSpan];
103 | 
104 |             for (int i=-spread; i<=spread; i++) {
105 |                 for (int j=-spread; j<=spread; j++) {
106 | 
107 |                     vec4 value;
108 | 
109 |                     // Zero out values out of bounds
110 |                     if ( (vTextureCoord.x + float(j)*w) > 1.0 ||
111 |                          (vTextureCoord.x + float(j)*w) < 0.0 ||
112 |                          (vTextureCoord.y + float(i)*w) > 1.0 ||
113 |                          (vTextureCoord.y + float(i)*w) < 0.0 ) {
114 |                         value.r = 0.0;
115 |                     } else {
116 |                         value = texture2D( texture1, vTextureCoord + vec2(float(j)*w, float(i)*w) );
117 |                     }
118 | 
119 |                     n[(j+spread)+(i+spread)*kSpan] = value;
120 |                 }
121 |             }
122 | 
123 | 
124 |             gl_FragColor.r = 0.0;
125 | 
126 |             float step = 1.0 / float(1 + kSpan);
127 | 
128 |             // Dot product against the kernel
129 |             for (int i=0; i<kSpan; i++) {
130 |                 for (int j=0; j<kSpan; j++) {
131 |                     gl_FragColor.r += n[i*kSpan + j].r * texture2D( texture2, vec2(step * float(j+1), step * float(i+1) ) ).r;
132 |                 }
133 |             }
134 |         }
135 |     `
136 |     /* SHADERS END*/
137 |     </script>
138 |     <script src="./example/script.js"></script>
139 | </head>
140 | <body>
141 |     Open the console to see the data logged out, alongside timings (in ms). Change the values below to see the perf diffences with different inputs.<br><br><br>
142 |     <button id="plotBenchmarkButton">Plot all benchmarks (may take a couple of minutes)</button><br><br>
143 | 
144 |     Iterations: <input id="counterInput" type="number" min="0" value="10000"><br><br>
145 |     Map size (square): <input id="mapSizeInput" type="number" min="0" value="1024"><br><br>
146 |     Max plotting iterations: <input id="maxPlotItsInput" type="number" min="0" value="10000"><br><br>
147 | 
148 |     <hr>Identity function (x=x)<br>
149 |     <button id="benchmarkExample1Button">Plot benchmark</button>
150 |     <button id="example1GPU">Example 1 (GPU)</button>
151 |     <button id="example1JS">Example 1 (JS)</button>
152 |     <button id="example1WAGPU">Example 1 (WebAssembly GPU)</button>
153 |     <button id="example1WA">Example 1 (WebAssembly)</button>
154 |     <div>
155 |         <div id="identityChartIterations"></div>
156 |         <div id="identityChartSize"></div>
157 |     </div>
158 | 
159 |     <hr>Quadratic function (x=x*x)<br>
160 |     <button id="benchmarkExample2Button">Plot benchmark</button>
161 |     <button id="example2GPU">Example 2 (GPU)</button>
162 |     <button id="example2JS">Example 2 (JS)</button>
163 |     <button id="example2WAGPU">Example 2 (WebAssembly GPU)</button>
164 |     <button id="example2WA">Example 2 (WebAssembly)</button>
165 |     <div>
166 |         <div id="quadraticChartIterations"></div>
167 |         <div id="quadraticChartSize"></div>
168 |     </div>
169 | 
170 |     <hr>Element-wise addition across 3 identical arrays, + a variable: <input id="varInput" type="number" value="2"> <br>
171 |     <button id="benchmarkExample3Button">Plot benchmark</button>
172 |     <button id="example3GPU">Example 3 (GPU)</button>
173 |     <button id="example3JS">Example 3 (JS)</button>
174 |     <button id="example3WAGPU">Example 3 (WebAssembly GPU)</button>
175 |     <button id="example3WA">Example 3 (WebAssembly)</button>
176 |     <div>
177 |         <div id="ewAdd3p1ChartIterations"></div>
178 |         <div id="ewAdd3p1ChartSize"></div>
179 |     </div>
180 | 
181 |     <hr>Convolution of a 3x3 kernel (single channel) on a tiny, 5x5 map<br>
182 |     <button id="benchmarkExample4Button">Plot benchmark</button>
183 |     <button id="example4GPU">Example 4 (GPU)</button>
184 |     <button id="example4JS">Example 4 (JS)</button>
185 |     <button id="example4WAGPU">Example 4 (WebAssembly GPU)</button>
186 |     <button id="example4WA">Example 4 (WebAssembly)</button>
187 |     <div>
188 |         <div id="conv3x3_5x5ChartIterations"></div>
189 |         <div id="conv3x3_5x5ChartSize"></div>
190 |     </div>
191 |     <hr>
192 |     <canvas id="theCanvas" height="128px" width="128px"></canvas>
193 | 
194 | </body>
195 | </html>


--------------------------------------------------------------------------------
/GPGPU.js:
--------------------------------------------------------------------------------
  1 | "use strict"
  2 | 
  3 | class GPGPU {
  4 | 
  5 |     constructor ({gl, height, width}) {
  6 | 
  7 |         this.ready = false
  8 |         this.height = height
  9 |         this.width = width
 10 |         this.attribs = {}
 11 |         this.uniforms = {}
 12 |         this.textures = []
 13 | 
 14 |         this.standardGeometryVals = new Float32Array([
 15 |             -1.0,  1.0, 0.0, 0.0, 1.0,  // top left
 16 |             -1.0, -1.0, 0.0, 0.0, 0.0,  // bottom left
 17 |              1.0,  1.0, 0.0, 1.0, 1.0,  // top right
 18 |              1.0, -1.0, 0.0, 1.0, 0.0   // bottom right
 19 |         ])
 20 | 
 21 |         this.standardVertex = `
 22 |             attribute vec3 position;
 23 |             attribute vec2 textureCoord;
 24 | 
 25 |             varying highp vec2 vTextureCoord;
 26 | 
 27 |             void main() {
 28 |                 gl_Position = vec4(position, 1.0);
 29 |                 vTextureCoord = textureCoord;
 30 |             }
 31 |         `
 32 | 
 33 |         if (gl) {
 34 |             this.gl = gl
 35 |             this.height = gl.drawingBufferHeight
 36 |             this.width = gl.drawingBufferWidth
 37 |         } else {
 38 |             const canvas = document.createElement("canvas")
 39 |             canvas.width = width
 40 |             canvas.height = height
 41 |             this.gl = canvas.getContext("webgl", {premultipliedAlpha: false})
 42 |         }
 43 | 
 44 |         const textureFloat = this.gl.getExtension("OES_texture_float")
 45 | 
 46 |         if (!textureFloat) {
 47 |             alert("Floating point textures not supported")
 48 |         }
 49 |     }
 50 | 
 51 |     makeTexture (data, width=this.width, height=this.height) {
 52 | 
 53 |         this.textures.push({tex: this.gl.createTexture(), width, height})
 54 |         this.gl.bindTexture(this.gl.TEXTURE_2D, this.textures[this.textures.length-1].tex)
 55 | 
 56 |         this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MIN_FILTER, this.gl.NEAREST)
 57 |         this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MAG_FILTER, this.gl.NEAREST)
 58 |         this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_S, this.gl.CLAMP_TO_EDGE)
 59 |         this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_T, this.gl.CLAMP_TO_EDGE)
 60 | 
 61 |         this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, width, height, 0, this.gl.RGBA, this.gl.FLOAT, data)
 62 |     }
 63 | 
 64 |     updateTexture (data, index=0) {
 65 |         const tex = this.textures[index]
 66 |         this.gl.bindTexture(this.gl.TEXTURE_2D, tex.tex)
 67 |         this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, tex.width, tex.height, 0, this.gl.RGBA, this.gl.FLOAT, data)
 68 |     }
 69 | 
 70 |     makeFrameBuffer (width=this.width, height=this.height) {
 71 | 
 72 |         const texture = this.gl.createTexture()
 73 | 
 74 |         this.gl.bindTexture(this.gl.TEXTURE_2D, texture)
 75 |         this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, width, height, 0, this.gl.RGBA, this.gl.FLOAT, null)
 76 |         this.gl.bindTexture(this.gl.TEXTURE_2D, null)
 77 | 
 78 |         this.framebuffer = this.gl.createFramebuffer()
 79 |         this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, this.framebuffer)
 80 |         this.gl.framebufferTexture2D(this.gl.FRAMEBUFFER, this.gl.COLOR_ATTACHMENT0, this.gl.TEXTURE_2D, texture, 0)
 81 | 
 82 |         // Check the frameBuffer status
 83 |         const status = this.gl.checkFramebufferStatus(this.gl.FRAMEBUFFER)
 84 | 
 85 |         if (status != this.gl.FRAMEBUFFER_COMPLETE) {
 86 |             switch (status) {
 87 |                 case this.gl.FRAMEBUFFER_UNSUPPORTED:
 88 |                     throw("FRAMEBUFFER_UNSUPPORTED")
 89 |                 case this.gl.FRAMEBUFFER_INCOMPLETE_ATTACHMENT:
 90 |                     throw("FRAMEBUFFER_INCOMPLETE_ATTACHMENT")
 91 |                 case this.gl.FRAMEBUFFER_INCOMPLETE_DIMENSIONS:
 92 |                     throw("FRAMEBUFFER_INCOMPLETE_DIMENSIONS")
 93 |                 case this.gl.FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT:
 94 |                     throw("FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT")
 95 |                 default:
 96 |                     throw(`Framebuffer error: ${status}`)
 97 |             }
 98 |         }
 99 |     }
100 | 
101 |     buildProgram (fragmentSource, vertexSource=this.standardVertex) {
102 |         this.program = this.gl.createProgram()
103 |         const vertex = this.compileShader(vertexSource, this.gl.VERTEX_SHADER)
104 |         const fragment = this.compileShader(fragmentSource, this.gl.FRAGMENT_SHADER)
105 | 
106 |         this.gl.attachShader(this.program, vertex)
107 |         this.gl.attachShader(this.program, fragment)
108 | 
109 |         this.gl.linkProgram(this.program)
110 |         this.gl.deleteShader(fragment)
111 |         this.gl.deleteShader(vertex)
112 | 
113 |         this.gl.useProgram(this.program)
114 | 
115 |         const standardGeometry = this.gl.createBuffer()
116 |         this.gl.bindBuffer(this.gl.ARRAY_BUFFER, standardGeometry)
117 |         this.gl.bufferData(this.gl.ARRAY_BUFFER, this.standardGeometryVals, this.gl.STATIC_DRAW)
118 |     }
119 | 
120 |     compileShader (source, type) {
121 |         const shader = this.gl.createShader(type)
122 |         this.gl.shaderSource(shader, source)
123 |         this.gl.compileShader(shader)
124 | 
125 |         const compileStatus = this.gl.getShaderParameter(shader, this.gl.COMPILE_STATUS)
126 | 
127 |         if (!compileStatus) {
128 |             throw `${type} compilation failed: ${this.gl.getShaderInfoLog(shader)}`
129 |         }
130 | 
131 |         return shader
132 |     }
133 | 
134 |     addAttrib (name, {numElements=3, stride=20, offset=0}={}) {
135 |         this.gl.useProgram(this.program)
136 |         this.attribs[name] = this.gl.getAttribLocation(this.program, name)
137 |         this.gl.enableVertexAttribArray(this.attribs[name])
138 |         this.gl.vertexAttribPointer(this.attribs[name], numElements, this.gl.FLOAT, this.gl.FALSE, stride, offset)
139 |     }
140 | 
141 |     addUniform (name, value, type="uniform1f") {
142 |         this.uniforms[name] = this.gl.getUniformLocation(this.program, name)
143 | 
144 |         if (value != undefined) {
145 |             this.gl[type](this.uniforms[name], value)
146 |         }
147 |     }
148 | 
149 |     draw (texture=this.textures[this.textures.length-1]) {
150 | 
151 |         this.gl.activeTexture(this.gl.TEXTURE0)
152 |         this.gl.bindTexture(this.gl.TEXTURE_2D, texture.tex)
153 | 
154 |         if (!this.ready) {
155 | 
156 |             this.ready = true
157 |             this.addUniform("texture0", 0, "uniform1i")
158 | 
159 |             const texToAdd = texture==this.textures[this.textures.length-1] ? this.textures.length-1 : this.textures.length
160 | 
161 |             for (let t=0; t<texToAdd; t++) {
162 |                 this.gl.activeTexture(this.gl[`TEXTURE${t+1}`])
163 |                 this.gl.bindTexture(this.gl.TEXTURE_2D, this.textures[t].tex)
164 |                 this.addUniform(`texture${t+1}`, t+1, "uniform1i")
165 |             }
166 | 
167 |             this.gl.activeTexture(this.gl.TEXTURE0)
168 |         }
169 | 
170 |         this.gl.drawArrays(this.gl.TRIANGLE_STRIP, 0, 4)
171 |     }
172 | 
173 |     getPixels (startX=0, startY=0, spanX=this.width-startX, spanY=this.height-startY) {
174 |         const buffer = new Float32Array(spanX * spanY * 4)
175 |         this.gl.readPixels(startX, startY, spanX, spanY, this.gl.RGBA, this.gl.FLOAT, buffer)
176 |         return buffer
177 |     }
178 | 
179 |     delete () {
180 |         this.gl.deleteProgram(this.program)
181 |         this.gl.deleteFramebuffer(this.framebuffer)
182 | 
183 |         for (let t=0; t<this.textures.length; t++) {
184 |             this.gl.deleteTexture(this.textures[t].tex)
185 |             this.textures.splice(t, 1)
186 |         }
187 | 
188 |         this.gl.getExtension("WEBGL_lose_context").loseContext()
189 |         delete this.gl
190 |     }
191 | }


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 | 
  2 |                                  Apache License
  3 |                            Version 2.0, January 2004
  4 |                         https://www.apache.org/licenses/
  5 | 
  6 |    TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
  7 | 
  8 |    1. Definitions.
  9 | 
 10 |       "License" shall mean the terms and conditions for use, reproduction,
 11 |       and distribution as defined by Sections 1 through 9 of this document.
 12 | 
 13 |       "Licensor" shall mean the copyright owner or entity authorized by
 14 |       the copyright owner that is granting the License.
 15 | 
 16 |       "Legal Entity" shall mean the union of the acting entity and all
 17 |       other entities that control, are controlled by, or are under common
 18 |       control with that entity. For the purposes of this definition,
 19 |       "control" means (i) the power, direct or indirect, to cause the
 20 |       direction or management of such entity, whether by contract or
 21 |       otherwise, or (ii) ownership of fifty percent (50%) or more of the
 22 |       outstanding shares, or (iii) beneficial ownership of such entity.
 23 | 
 24 |       "You" (or "Your") shall mean an individual or Legal Entity
 25 |       exercising permissions granted by this License.
 26 | 
 27 |       "Source" form shall mean the preferred form for making modifications,
 28 |       including but not limited to software source code, documentation
 29 |       source, and configuration files.
 30 | 
 31 |       "Object" form shall mean any form resulting from mechanical
 32 |       transformation or translation of a Source form, including but
 33 |       not limited to compiled object code, generated documentation,
 34 |       and conversions to other media types.
 35 | 
 36 |       "Work" shall mean the work of authorship, whether in Source or
 37 |       Object form, made available under the License, as indicated by a
 38 |       copyright notice that is included in or attached to the work
 39 |       (an example is provided in the Appendix below).
 40 | 
 41 |       "Derivative Works" shall mean any work, whether in Source or Object
 42 |       form, that is based on (or derived from) the Work and for which the
 43 |       editorial revisions, annotations, elaborations, or other modifications
 44 |       represent, as a whole, an original work of authorship. For the purposes
 45 |       of this License, Derivative Works shall not include works that remain
 46 |       separable from, or merely link (or bind by name) to the interfaces of,
 47 |       the Work and Derivative Works thereof.
 48 | 
 49 |       "Contribution" shall mean any work of authorship, including
 50 |       the original version of the Work and any modifications or additions
 51 |       to that Work or Derivative Works thereof, that is intentionally
 52 |       submitted to Licensor for inclusion in the Work by the copyright owner
 53 |       or by an individual or Legal Entity authorized to submit on behalf of
 54 |       the copyright owner. For the purposes of this definition, "submitted"
 55 |       means any form of electronic, verbal, or written communication sent
 56 |       to the Licensor or its representatives, including but not limited to
 57 |       communication on electronic mailing lists, source code control systems,
 58 |       and issue tracking systems that are managed by, or on behalf of, the
 59 |       Licensor for the purpose of discussing and improving the Work, but
 60 |       excluding communication that is conspicuously marked or otherwise
 61 |       designated in writing by the copyright owner as "Not a Contribution."
 62 | 
 63 |       "Contributor" shall mean Licensor and any individual or Legal Entity
 64 |       on behalf of whom a Contribution has been received by Licensor and
 65 |       subsequently incorporated within the Work.
 66 | 
 67 |    2. Grant of Copyright License. Subject to the terms and conditions of
 68 |       this License, each Contributor hereby grants to You a perpetual,
 69 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 70 |       copyright license to reproduce, prepare Derivative Works of,
 71 |       publicly display, publicly perform, sublicense, and distribute the
 72 |       Work and such Derivative Works in Source or Object form.
 73 | 
 74 |    3. Grant of Patent License. Subject to the terms and conditions of
 75 |       this License, each Contributor hereby grants to You a perpetual,
 76 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 77 |       (except as stated in this section) patent license to make, have made,
 78 |       use, offer to sell, sell, import, and otherwise transfer the Work,
 79 |       where such license applies only to those patent claims licensable
 80 |       by such Contributor that are necessarily infringed by their
 81 |       Contribution(s) alone or by combination of their Contribution(s)
 82 |       with the Work to which such Contribution(s) was submitted. If You
 83 |       institute patent litigation against any entity (including a
 84 |       cross-claim or counterclaim in a lawsuit) alleging that the Work
 85 |       or a Contribution incorporated within the Work constitutes direct
 86 |       or contributory patent infringement, then any patent licenses
 87 |       granted to You under this License for that Work shall terminate
 88 |       as of the date such litigation is filed.
 89 | 
 90 |    4. Redistribution. You may reproduce and distribute copies of the
 91 |       Work or Derivative Works thereof in any medium, with or without
 92 |       modifications, and in Source or Object form, provided that You
 93 |       meet the following conditions:
 94 | 
 95 |       (a) You must give any other recipients of the Work or
 96 |           Derivative Works a copy of this License; and
 97 | 
 98 |       (b) You must cause any modified files to carry prominent notices
 99 |           stating that You changed the files; and
100 | 
101 |       (c) You must retain, in the Source form of any Derivative Works
102 |           that You distribute, all copyright, patent, trademark, and
103 |           attribution notices from the Source form of the Work,
104 |           excluding those notices that do not pertain to any part of
105 |           the Derivative Works; and
106 | 
107 |       (d) If the Work includes a "NOTICE" text file as part of its
108 |           distribution, then any Derivative Works that You distribute must
109 |           include a readable copy of the attribution notices contained
110 |           within such NOTICE file, excluding those notices that do not
111 |           pertain to any part of the Derivative Works, in at least one
112 |           of the following places: within a NOTICE text file distributed
113 |           as part of the Derivative Works; within the Source form or
114 |           documentation, if provided along with the Derivative Works; or,
115 |           within a display generated by the Derivative Works, if and
116 |           wherever such third-party notices normally appear. The contents
117 |           of the NOTICE file are for informational purposes only and
118 |           do not modify the License. You may add Your own attribution
119 |           notices within Derivative Works that You distribute, alongside
120 |           or as an addendum to the NOTICE text from the Work, provided
121 |           that such additional attribution notices cannot be construed
122 |           as modifying the License.
123 | 
124 |       You may add Your own copyright statement to Your modifications and
125 |       may provide additional or different license terms and conditions
126 |       for use, reproduction, or distribution of Your modifications, or
127 |       for any such Derivative Works as a whole, provided Your use,
128 |       reproduction, and distribution of the Work otherwise complies with
129 |       the conditions stated in this License.
130 | 
131 |    5. Submission of Contributions. Unless You explicitly state otherwise,
132 |       any Contribution intentionally submitted for inclusion in the Work
133 |       by You to the Licensor shall be under the terms and conditions of
134 |       this License, without any additional terms or conditions.
135 |       Notwithstanding the above, nothing herein shall supersede or modify
136 |       the terms of any separate license agreement you may have executed
137 |       with Licensor regarding such Contributions.
138 | 
139 |    6. Trademarks. This License does not grant permission to use the trade
140 |       names, trademarks, service marks, or product names of the Licensor,
141 |       except as required for reasonable and customary use in describing the
142 |       origin of the Work and reproducing the content of the NOTICE file.
143 | 
144 |    7. Disclaimer of Warranty. Unless required by applicable law or
145 |       agreed to in writing, Licensor provides the Work (and each
146 |       Contributor provides its Contributions) on an "AS IS" BASIS,
147 |       WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
148 |       implied, including, without limitation, any warranties or conditions
149 |       of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
150 |       PARTICULAR PURPOSE. You are solely responsible for determining the
151 |       appropriateness of using or redistributing the Work and assume any
152 |       risks associated with Your exercise of permissions under this License.
153 | 
154 |    8. Limitation of Liability. In no event and under no legal theory,
155 |       whether in tort (including negligence), contract, or otherwise,
156 |       unless required by applicable law (such as deliberate and grossly
157 |       negligent acts) or agreed to in writing, shall any Contributor be
158 |       liable to You for damages, including any direct, indirect, special,
159 |       incidental, or consequential damages of any character arising as a
160 |       result of this License or out of the use or inability to use the
161 |       Work (including but not limited to damages for loss of goodwill,
162 |       work stoppage, computer failure or malfunction, or any and all
163 |       other commercial damages or losses), even if such Contributor
164 |       has been advised of the possibility of such damages.
165 | 
166 |    9. Accepting Warranty or Additional Liability. While redistributing
167 |       the Work or Derivative Works thereof, You may choose to offer,
168 |       and charge a fee for, acceptance of support, warranty, indemnity,
169 |       or other liability obligations and/or rights consistent with this
170 |       License. However, in accepting such obligations, You may act only
171 |       on Your own behalf and on Your sole responsibility, not on behalf
172 |       of any other Contributor, and only if You agree to indemnify,
173 |       defend, and hold each Contributor harmless for any liability
174 |       incurred by, or claims asserted against, such Contributor by reason
175 |       of your accepting any such warranty or additional liability.
176 | 
177 |    END OF TERMS AND CONDITIONS
178 | 
179 |    Copyright 2013-2018 Docker, Inc.
180 | 
181 |    Licensed under the Apache License, Version 2.0 (the "License");
182 |    you may not use this file except in compliance with the License.
183 |    You may obtain a copy of the License at
184 | 
185 |        https://www.apache.org/licenses/LICENSE-2.0
186 | 
187 |    Unless required by applicable law or agreed to in writing, software
188 |    distributed under the License is distributed on an "AS IS" BASIS,
189 |    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
190 |    See the License for the specific language governing permissions and
191 |    limitations under the License.
192 | 


--------------------------------------------------------------------------------
/GPGPU.h:
--------------------------------------------------------------------------------
  1 | #include <string>
  2 | #include <unordered_map>
  3 | #include <stdexcept>
  4 | 
  5 | // Copied over only the necessary code from the html5.h emscripten library
  6 | // https://github.com/kripken/emscripten/blob/master/system/include/emscripten/html5.h
  7 | // http://kripken.github.io/emscripten-site/docs/api_reference/html5.h
  8 | extern "C" {
  9 | 
 10 |     #define EM_BOOL int
 11 |     #define EMSCRIPTEN_RESULT int
 12 | 
 13 |     typedef int EMSCRIPTEN_WEBGL_CONTEXT_HANDLE;
 14 |     typedef struct EmscriptenWebGLContextAttributes {
 15 |         EM_BOOL alpha;
 16 |         EM_BOOL depth;
 17 |         EM_BOOL stencil;
 18 |         EM_BOOL antialias;
 19 |         EM_BOOL premultipliedAlpha;
 20 |         EM_BOOL preserveDrawingBuffer;
 21 |         EM_BOOL preferLowPowerToHighPerformance;
 22 |         EM_BOOL failIfMajorPerformanceCaveat;
 23 | 
 24 |         int majorVersion;
 25 |         int minorVersion;
 26 | 
 27 |         EM_BOOL enableExtensionsByDefault;
 28 |         EM_BOOL explicitSwapControl;
 29 |     } EmscriptenWebGLContextAttributes;
 30 | 
 31 |     extern EMSCRIPTEN_WEBGL_CONTEXT_HANDLE emscripten_webgl_create_context(const char *target, const EmscriptenWebGLContextAttributes *attributes);
 32 | 
 33 |     extern EMSCRIPTEN_RESULT emscripten_webgl_destroy_context(EMSCRIPTEN_WEBGL_CONTEXT_HANDLE context);
 34 | 
 35 |     extern EMSCRIPTEN_RESULT emscripten_webgl_make_context_current(EMSCRIPTEN_WEBGL_CONTEXT_HANDLE context);
 36 | 
 37 | }
 38 | 
 39 | class Tex {
 40 | public:
 41 | 
 42 |     GLuint texId;
 43 |     int width;
 44 |     int height;
 45 | 
 46 |     Tex (GLuint id, int w, int h) {
 47 |         texId = id;
 48 |         width = w;
 49 |         height = h;
 50 |     }
 51 | };
 52 | 
 53 | class GPGPU {
 54 | public:
 55 | 
 56 |     bool ready = false;
 57 |     int height = 0;
 58 |     int width = 0;
 59 |     std::unordered_map<std::string, int> attribs;
 60 |     std::unordered_map<std::string, int> uniforms;
 61 | 
 62 |     GLuint program;
 63 |     std::vector<Tex> textures;
 64 | 
 65 |     EMSCRIPTEN_WEBGL_CONTEXT_HANDLE gl;
 66 | 
 67 |     float standardGeometryVals[20] = {
 68 |         -1.0,  1.0, 0.0, 0.0, 1.0,
 69 |         -1.0, -1.0, 0.0, 0.0, 0.0,
 70 |          1.0,  1.0, 0.0, 1.0, 1.0,
 71 |          1.0, -1.0, 0.0, 1.0, 0.0
 72 |     };
 73 | 
 74 |     std::string standardVertex = R"V0G0N(
 75 |         attribute vec3 position;
 76 |         attribute vec2 textureCoord;
 77 | 
 78 |         varying highp vec2 vTextureCoord;
 79 | 
 80 |         void main() {
 81 |             gl_Position = vec4(position, 1.0);
 82 |             vTextureCoord = textureCoord;
 83 |         }
 84 |     )V0G0N";
 85 | 
 86 |     // TODO, accept existing context as parameter
 87 |     GPGPU (int h, int w) {
 88 | 
 89 |         height = h;
 90 |         width = w;
 91 | 
 92 |         // Context configurations
 93 |         EmscriptenWebGLContextAttributes attrs;
 94 |         attrs.explicitSwapControl = 0;
 95 |         attrs.depth = 1;
 96 |         attrs.stencil = 1;
 97 |         attrs.antialias = 1;
 98 |         attrs.majorVersion = 2;
 99 |         attrs.minorVersion = 0;
100 | 
101 |         char id[10] = "theCanvas";
102 |         gl = emscripten_webgl_create_context(id, &attrs);
103 |         emscripten_webgl_make_context_current(gl);
104 | 
105 |         // Check for the OES_texture_float extension support
106 |         std::string availableExtensions = std::string((char*)glGetString(GL_EXTENSIONS));
107 | 
108 |         if (availableExtensions.find("OES_texture_float") == std::string::npos) {
109 |             printf("Floating point textures not supported\n");
110 |         }
111 |     };
112 | 
113 |     ~GPGPU() {
114 |         emscripten_webgl_destroy_context(gl);
115 |     };
116 | 
117 |     void makeTexture (void) {
118 |         makeTexture({});
119 |     }
120 |     void makeTexture (float* buffer) {
121 |         makeTexture(buffer, width, height);
122 |     }
123 | 
124 |     void makeTexture (float* buffer, int w, int h) {
125 | 
126 |         GLuint texId;
127 |         glGenTextures(1, &texId);
128 |         glBindTexture(GL_TEXTURE_2D, texId);
129 | 
130 |         glTexParameteri( GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);
131 |         glTexParameteri( GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);
132 |         glTexParameteri( GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);
133 |         glTexParameteri( GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE);
134 | 
135 |         glTexImage2D( GL_TEXTURE_2D, 0, GL_RGBA32F, w, h, 0, GL_RGBA, GL_FLOAT, buffer);
136 |         Tex tex = Tex(texId, w, h);
137 |         textures.push_back(tex);
138 |     }
139 | 
140 |     void updateTexture (float* buffer, int textureIndex=0) {
141 |         Tex tex = textures[textureIndex];
142 |         glBindTexture(GL_TEXTURE_2D, tex.texId);
143 |         glTexImage2D( GL_TEXTURE_2D, 0, GL_RGBA32F, tex.width, tex.height, 0, GL_RGBA, GL_FLOAT, buffer);
144 |     }
145 | 
146 |     void makeFrameBuffer (void) {
147 |         makeFrameBuffer(width, height);
148 |     }
149 | 
150 |     void makeFrameBuffer (int w, int h) {
151 | 
152 |         GLuint texId;
153 |         glGenTextures(1, &texId);
154 |         glBindTexture(GL_TEXTURE_2D, texId);
155 |         glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA32F, w, h, 0, GL_RGBA, GL_FLOAT, 0);
156 |         glBindTexture(GL_TEXTURE_2D, 0);
157 | 
158 |         GLuint fbId;
159 |         glGenFramebuffers(1, &fbId);
160 |         glBindFramebuffer(GL_FRAMEBUFFER, fbId);
161 |         glFramebufferTexture2D(GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0, GL_TEXTURE_2D, texId, 0);
162 | 
163 |         int status = glCheckFramebufferStatus(GL_FRAMEBUFFER);
164 | 
165 |         if (status != GL_FRAMEBUFFER_COMPLETE) {
166 |             switch (status) {
167 |                 case GL_FRAMEBUFFER_UNSUPPORTED:
168 |                     printf("FRAMEBUFFER_UNSUPPORTED\n");
169 |                     break;
170 |                 case GL_FRAMEBUFFER_INCOMPLETE_ATTACHMENT:
171 |                     printf("GL_FRAMEBUFFER_INCOMPLETE_ATTACHMENT\n");
172 |                     break;
173 |                 case GL_FRAMEBUFFER_INCOMPLETE_DIMENSIONS:
174 |                     printf("GL_FRAMEBUFFER_INCOMPLETE_DIMENSIONS\n");
175 |                     break;
176 |                 case GL_FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT:
177 |                     printf("GL_FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT\n");
178 |                     break;
179 |                 default:
180 |                     printf("Framebuffer error: %d\n", status);
181 |             }
182 |         }
183 |     }
184 | 
185 |     void buildProgram (std::string &fragmentSource) {
186 |         buildProgram(fragmentSource, standardVertex);
187 |     }
188 | 
189 |     void buildProgram (std::string &fragmentSource, std::string &vertexSource) {
190 | 
191 |         program = glCreateProgram();
192 |         GLuint vertex = compileShader(&vertexSource, GL_VERTEX_SHADER);
193 |         GLuint fragment = compileShader(&fragmentSource, GL_FRAGMENT_SHADER);
194 | 
195 |         glAttachShader(program, vertex);
196 |         glAttachShader(program, fragment);
197 | 
198 |         glLinkProgram(program);
199 |         glDeleteShader(vertex);
200 |         glDeleteShader(fragment);
201 | 
202 |         glUseProgram(program);
203 | 
204 |         GLuint standardGeometry;
205 | 
206 |         glGenBuffers(1, &standardGeometry);
207 |         glBindBuffer(GL_ARRAY_BUFFER, standardGeometry);
208 |         glBufferData(GL_ARRAY_BUFFER, 20*4, standardGeometryVals, GL_STATIC_DRAW);
209 |     }
210 | 
211 |     GLuint compileShader (std::string *source, GLenum type) {
212 | 
213 |         const GLchar* sourceString[1];
214 |         GLint sourceStringLengths[1];
215 | 
216 |         sourceString[0] = source->c_str();
217 |         sourceStringLengths[0] = source->length();
218 |         GLuint shader = glCreateShader(type);
219 | 
220 |         glShaderSource(shader, 1, sourceString, sourceStringLengths);
221 |         glCompileShader(shader);
222 | 
223 |         // Check if there were errors
224 |         int infoLen = 0;
225 |         glGetShaderiv(shader, GL_INFO_LOG_LENGTH, &infoLen);
226 | 
227 |         if (infoLen > 1) {
228 | 
229 |             char infoLog[infoLen];
230 | 
231 |             // And print them out
232 |             glGetShaderInfoLog(shader, infoLen, NULL, infoLog);
233 |             printf("%s\n", infoLog);
234 |         }
235 | 
236 |         return shader;
237 |     }
238 | 
239 |     void addAttrib (std::string name, int numElements=3, int stride=20, int offset=0) {
240 |         glUseProgram(program);
241 |         int loc = glGetAttribLocation(program, name.c_str());
242 |         attribs[name] = loc;
243 |         glEnableVertexAttribArray(loc);
244 |         glVertexAttribPointer(loc, numElements, GL_FLOAT, GL_FALSE, stride, (GLvoid*)offset);
245 |     }
246 | 
247 |     template<class T>
248 |     void addUniform (std::string name, T value=0, std::string type="uniform1f") {
249 |         int loc = glGetUniformLocation(program, name.c_str());
250 |         uniforms[name] = loc;
251 | 
252 |         if (type=="uniform1f") {
253 |             glUniform1f(loc, value);
254 |         } else if (type=="uniform1i") {
255 |             glUniform1i(loc, value);
256 |         }
257 |     }
258 | 
259 |     void draw (int textureIndex=-1) {
260 | 
261 |         Tex texture = textures[textures.size()-1];
262 | 
263 |         if (textureIndex!=-1) {
264 |             texture = textures[textureIndex];
265 |         }
266 | 
267 |         glActiveTexture(GL_TEXTURE0);
268 |         glBindTexture(GL_TEXTURE_2D, texture.texId);
269 | 
270 |         if (!ready) {
271 | 
272 |             ready = true;
273 |             addUniform("texture0", 0, "uniform1i");
274 | 
275 |             int texToAdd = textureIndex==textures.size()-1 ? textures.size()-1 : textures.size();
276 | 
277 |             for (int t=0; t<texToAdd; t++) {
278 |                 glActiveTexture(GL_TEXTURE0+t+1);
279 |                 glBindTexture(GL_TEXTURE_2D, textures[t].texId);
280 |                 addUniform("texture"+std::to_string(t+1), (int)t+1, "uniform1i");
281 |             }
282 | 
283 |             glActiveTexture(GL_TEXTURE0);
284 | 
285 |             GLenum error = glGetError();
286 | 
287 |             while (error != GL_NO_ERROR) {
288 |                 switch (error) {
289 | 
290 |                     case GL_INVALID_ENUM:
291 |                         printf("GL_INVALID_ENUM\n");
292 |                         break;
293 |                     case GL_INVALID_VALUE:
294 |                         printf("GL_INVALID_VALUE\n");
295 |                         break;
296 |                     case GL_INVALID_OPERATION:
297 |                         printf("GL_INVALID_OPERATION\n");
298 |                         break;
299 |                     case GL_INVALID_FRAMEBUFFER_OPERATION:
300 |                         printf("GL_INVALID_FRAMEBUFFER_OPERATION\n");
301 |                         break;
302 |                     case GL_OUT_OF_MEMORY:
303 |                         printf("GL_OUT_OF_MEMORY\n");
304 |                         break;
305 |                 }
306 | 
307 |                 error = glGetError();
308 |             }
309 |         }
310 | 
311 |         glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);
312 |     }
313 | 
314 |     float* getPixels (int startX=0, int startY=0, int spanX=-1, int spanY=-1) {
315 | 
316 |         if (spanX==-1) spanX = width-startX;
317 |         if (spanY==-1) spanY = width-startY;
318 | 
319 | 
320 |         float* buffer = (float*) malloc(spanX * spanY * 4 * sizeof(float));
321 | 
322 |         glReadPixels(startX, startY, spanX, spanY, GL_RGBA, GL_FLOAT, buffer);
323 |         return buffer;
324 |     }
325 | 
326 |     void deleteGL () {
327 |         emscripten_webgl_make_context_current(gl);
328 |         glDeleteProgram(program);
329 |         textures.clear();
330 |     }
331 | };
332 | 
333 | 
334 | 


--------------------------------------------------------------------------------
/webassembly/webassemblyDemo.cpp:
--------------------------------------------------------------------------------
  1 | #include <vector>
  2 | #include <stdlib.h>
  3 | #include <emscripten.h>
  4 | #include "printv.h" // for logging out array data
  5 | #include <GLES3/gl3.h>
  6 | #include <EGL/egl.h>
  7 | #include "../GPGPU.h"
  8 | 
  9 | std::string example1Fragment = R"V0G0N(
 10 |     #ifdef GL_FRAGMENT_PRECISION_HIGH
 11 |         precision highp float;
 12 |     #else
 13 |         precision mediump float;
 14 |     #endif
 15 | 
 16 |     uniform sampler2D texture;
 17 |     varying vec2 vTextureCoord;
 18 | 
 19 |     void main() {
 20 |         gl_FragColor = texture2D(texture, vTextureCoord);
 21 |     }
 22 | )V0G0N";
 23 | 
 24 | std::string example2Fragment = R"V0G0N(
 25 |     #ifdef GL_FRAGMENT_PRECISION_HIGH
 26 |         precision highp float;
 27 |     #else
 28 |         precision mediump float;
 29 |     #endif
 30 | 
 31 |     uniform sampler2D texture;
 32 |     varying vec2 vTextureCoord;
 33 | 
 34 |     void main() {
 35 |         gl_FragColor = texture2D(texture, vTextureCoord) * texture2D(texture, vTextureCoord);
 36 |     }
 37 | )V0G0N";
 38 | 
 39 | std::string example3Fragment = R"V0G0N(
 40 |     #ifdef GL_FRAGMENT_PRECISION_HIGH
 41 |         precision highp float;
 42 |         uniform highp sampler2D texture1;
 43 |         uniform highp sampler2D texture2;
 44 |         uniform highp sampler2D texture3;
 45 |     #else
 46 |         precision mediump float;
 47 |         uniform mediump sampler2D texture1;
 48 |         uniform mediump sampler2D texture2;
 49 |         uniform mediump sampler2D texture3;
 50 |     #endif
 51 | 
 52 |     varying vec2 vTextureCoord;
 53 |     uniform float variable;
 54 | 
 55 |     void main() {
 56 | 
 57 |         vec4 pixel1 = texture2D(texture1, vTextureCoord);
 58 |         vec4 pixel2 = texture2D(texture2, vTextureCoord);
 59 |         vec4 pixel3 = texture2D(texture3, vTextureCoord);
 60 | 
 61 |         // pixel3.r = 1.0;
 62 | 
 63 |         gl_FragColor.r = pixel1.r + pixel2.r + pixel3.r + variable;
 64 |         gl_FragColor.g = pixel1.g + pixel2.g + pixel3.g + variable;
 65 |         gl_FragColor.b = pixel1.b + pixel2.b + pixel3.b + variable;
 66 |         gl_FragColor.a = pixel1.a + pixel2.a + pixel3.a + variable;
 67 |     }
 68 | )V0G0N";
 69 | 
 70 | 
 71 | std::string example4Fragment = R"V0G0N(
 72 |     #ifdef GL_FRAGMENT_PRECISION_HIGH
 73 |         precision highp float;
 74 |         uniform highp sampler2D texture1;
 75 |         uniform highp sampler2D texture2; // kernel
 76 |     #else
 77 |         precision mediump float;
 78 |         uniform mediump sampler2D texture1;
 79 |         uniform mediump sampler2D texture2; // kernel
 80 |     #endif
 81 | 
 82 |     varying vec2 vTextureCoord;
 83 |     uniform float w;
 84 | 
 85 |     void main() {
 86 | 
 87 |         const int kSpan = 3;
 88 |         const int spread = kSpan/2;
 89 | 
 90 |         // Gather the input values into a map
 91 |         vec4 n[kSpan*kSpan];
 92 | 
 93 |         for (int i=-spread; i<=spread; i++) {
 94 |             for (int j=-spread; j<=spread; j++) {
 95 | 
 96 |                 vec4 value;
 97 | 
 98 |                 // Zero out values out of bounds
 99 |                 if ( (vTextureCoord.x + float(j)*w) > 1.0 ||
100 |                      (vTextureCoord.x + float(j)*w) < 0.0 ||
101 |                      (vTextureCoord.y + float(i)*w) > 1.0 ||
102 |                      (vTextureCoord.y + float(i)*w) < 0.0 ) {
103 |                     value.r = 0.0;
104 |                 } else {
105 |                     value = texture2D( texture1, vTextureCoord + vec2(float(j)*w, float(i)*w) );
106 |                 }
107 | 
108 |                 n[(j+spread)+(i+spread)*kSpan] = value;
109 |             }
110 |         }
111 | 
112 | 
113 |         gl_FragColor.r = 0.0;
114 | 
115 |         float step = 1.0 / float(1 + kSpan);
116 | 
117 |         // Dot product against the kernel
118 |         for (int i=0; i<kSpan; i++) {
119 |             for (int j=0; j<kSpan; j++) {
120 |                 gl_FragColor.r += n[i*kSpan + j].r * texture2D( texture2, vec2(step * float(j+1), step * float(i+1) ) ).r;
121 |             }
122 |         }
123 |     }
124 | )V0G0N";
125 | 
126 | int main (int argc, char const *argv[]) {
127 | 
128 |     printf("WASM loaded\n");
129 |     EM_ASM(window.dispatchEvent(new CustomEvent("wasmLoaded")););
130 | 
131 |     return 0;
132 | }
133 | 
134 | 
135 | extern "C" {
136 | 
137 |     EMSCRIPTEN_KEEPALIVE
138 |     float* runExample1WAGPU (float *buf, int bufSize, int times) {
139 | 
140 |         EM_ASM(window.waRunTime = Date.now());
141 | 
142 |         GPGPU gpu = GPGPU(128, 128);
143 |         gpu.makeFrameBuffer();
144 |         gpu.makeTexture(buf);
145 |         gpu.buildProgram(example1Fragment);
146 | 
147 |         gpu.addAttrib("position", 3, 20, 0);
148 |         gpu.addAttrib("textureCoord", 2, 20, 12);
149 | 
150 |         for (int t=0; t<times; t++) {
151 |             gpu.draw();
152 |         }
153 | 
154 |         float* out = gpu.getPixels();
155 | 
156 |         gpu.deleteGL();
157 | 
158 |         EM_ASM(window.waRunTime = Date.now() - window.waRunTime);
159 | 
160 |         auto arrayPtr = &out[0];
161 |         return arrayPtr;
162 |     }
163 | 
164 |     EMSCRIPTEN_KEEPALIVE
165 |     float* runExample2WAGPU (float *buf, int bufSize, int times) {
166 | 
167 |         EM_ASM(window.waRunTime = Date.now());
168 | 
169 |         GPGPU gpu = GPGPU(128, 128);
170 |         gpu.makeFrameBuffer();
171 |         gpu.makeTexture(buf);
172 |         gpu.buildProgram(example2Fragment);
173 | 
174 |         gpu.addAttrib("position", 3, 20, 0);
175 |         gpu.addAttrib("textureCoord", 2, 20, 12);
176 | 
177 |         for (int t=0; t<times; t++) {
178 |             gpu.draw();
179 |         }
180 | 
181 |         float* out = gpu.getPixels();
182 | 
183 |         gpu.deleteGL();
184 | 
185 |         EM_ASM(window.waRunTime = Date.now() - window.waRunTime);
186 | 
187 |         auto arrayPtr = &out[0];
188 |         return arrayPtr;
189 |     }
190 | 
191 |     EMSCRIPTEN_KEEPALIVE
192 |     float* runExample3WAGPU (float *buf, int bufSize, int variable, int times) {
193 | 
194 |         EM_ASM(window.waRunTime = Date.now());
195 | 
196 |         GPGPU gpu = GPGPU(128, 128);
197 |         gpu.makeFrameBuffer();
198 |         gpu.makeTexture(buf);
199 |         gpu.makeTexture(buf);
200 |         gpu.makeTexture(buf);
201 |         gpu.buildProgram(example3Fragment);
202 | 
203 |         gpu.addAttrib("position", 3, 20, 0);
204 |         gpu.addAttrib("textureCoord", 2, 20, 12);
205 | 
206 |         gpu.addUniform("variable", variable);
207 | 
208 |         for (int t=0; t<times; t++) {
209 |             gpu.draw();
210 |         }
211 | 
212 |         float* out = gpu.getPixels();
213 | 
214 |         gpu.deleteGL();
215 | 
216 |         EM_ASM(window.waRunTime = Date.now() - window.waRunTime);
217 | 
218 |         auto arrayPtr = &out[0];
219 |         return arrayPtr;
220 |     }
221 | 
222 |     EMSCRIPTEN_KEEPALIVE
223 |     float* runExample4WAGPU (float *inputData, int inputDataSize, float *kernel, int kernelSize, int times) {
224 | 
225 |         EM_ASM(window.waRunTime = Date.now());
226 | 
227 |         // printf("inputData\n");
228 |         // printv(inputData, inputDataSize);
229 |         // printf("kernel\n");
230 |         // printv(kernel, kernelSize);
231 | 
232 | 
233 |         GPGPU gpu = GPGPU(5, 5);
234 |         gpu.makeFrameBuffer();
235 |         gpu.makeTexture(inputData);
236 |         gpu.makeTexture(kernel, 3, 3);
237 |         gpu.buildProgram(example4Fragment);
238 | 
239 |         gpu.addAttrib("position", 3, 20, 0);
240 |         gpu.addAttrib("textureCoord", 2, 20, 12);
241 | 
242 |         gpu.addUniform("w", 1.0/5.0);
243 | 
244 |         for (int t=0; t<times; t++) {
245 |             gpu.draw();
246 |         }
247 | 
248 |         float* out = gpu.getPixels();
249 | 
250 |         gpu.deleteGL();
251 | 
252 |         EM_ASM(window.waRunTime = Date.now() - window.waRunTime);
253 | 
254 |         auto arrayPtr = &out[0];
255 |         return arrayPtr;
256 |     }
257 | 
258 | 
259 |     EMSCRIPTEN_KEEPALIVE
260 |     float* runExample1WA (float *buf, int bufSize, int times) {
261 | 
262 |         EM_ASM(window.waRunTime = Date.now());
263 | 
264 |         float data[16384*4];
265 | 
266 |         for (int t=0; t<times; t++) {
267 |             for (int d=0; d<16384*4; d++) {
268 |                 data[d] = buf[d];
269 |             }
270 |         }
271 | 
272 |         EM_ASM(window.waRunTime = Date.now() - window.waRunTime);
273 | 
274 |         auto arrayPtr = &data[0];
275 |         return arrayPtr;
276 |     }
277 | 
278 |     EMSCRIPTEN_KEEPALIVE
279 |     float* runExample2WA (float *buf, int bufSize, int times) {
280 | 
281 |         EM_ASM(window.waRunTime = Date.now());
282 | 
283 |         float data[16384*4];
284 | 
285 |         for (int t=0; t<times; t++) {
286 |             for (int d=0; d<16384*4; d++) {
287 |                 data[d] = buf[d] * buf[d];
288 |             }
289 |         }
290 | 
291 |         EM_ASM(window.waRunTime = Date.now() - window.waRunTime);
292 | 
293 |         auto arrayPtr = &data[0];
294 |         return arrayPtr;
295 |     }
296 | 
297 |     EMSCRIPTEN_KEEPALIVE
298 |     float* runExample3WA (float *buf, int bufSize, float variable, int times) {
299 | 
300 |         EM_ASM(window.waRunTime = Date.now());
301 | 
302 |         float data[16384*4];
303 | 
304 |         for (int t=0; t<times; t++) {
305 |             for (int d=0; d<16384*4; d++) {
306 |                 data[d] = buf[d] + buf[d] + buf[d] + variable;
307 |             }
308 |         }
309 | 
310 |         EM_ASM(window.waRunTime = Date.now() - window.waRunTime);
311 | 
312 |         auto arrayPtr = &data[0];
313 |         return arrayPtr;
314 |     }
315 | 
316 |     EMSCRIPTEN_KEEPALIVE
317 |     float* runExample4WA (float *inputData, int inputDataSize, float *kernel, int kernelSize, int times) {
318 | 
319 |         EM_ASM(window.waRunTime = Date.now());
320 | 
321 |         int inputSpan = 5;
322 |         int kSpan = 3;
323 |         int spread = 1;
324 |         float data[5*5*4];
325 | 
326 |         for (int i=0; i<5*5*4; i++) {
327 |             data[i] = 0;
328 |         }
329 | 
330 |         for (int t=0; t<times; t++) {
331 |             // For every pixel
332 |             for (int y=0; y<inputSpan; y++) {
333 |                 for (int x=0; x<inputSpan; x++) {
334 | 
335 |                     float sum = 0;
336 |                     float n[9];
337 | 
338 |                     // Gather input data
339 |                     for (int j=-spread; j<=spread; j++) {
340 |                         for (int k=-spread; k<=spread; k++) {
341 | 
342 |                             int yCoord = y + j;
343 |                             int xCoord = x + k;
344 | 
345 |                             if (yCoord >= 0 && yCoord < inputSpan &&
346 |                                 xCoord >= 0 && xCoord < inputSpan) {
347 |                                 n[(j+spread)*kSpan+(k+spread)] = inputData[(yCoord*inputSpan + xCoord) * 4];
348 |                             } else {
349 |                                 n[(j+spread)*kSpan+(k+spread)] = 0;
350 |                             }
351 |                         }
352 |                     }
353 | 
354 |                     for (int j=0; j<kSpan; j++) {
355 |                         for (int k=0; k<kSpan; k++) {
356 |                             sum += kernel[(j*kSpan+k) * 4] * n[j*kSpan+k];
357 |                         }
358 |                     }
359 | 
360 |                     data[(y*inputSpan+x)*4] = sum;
361 |                 }
362 |             }
363 |         }
364 | 
365 |         EM_ASM(window.waRunTime = Date.now() - window.waRunTime);
366 | 
367 |         auto arrayPtr = &data[0];
368 |         return arrayPtr;
369 |     }
370 | 
371 | 
372 | 
373 |     /*
374 |         Below examples are for C++ use, without WebAssembly
375 |     */
376 | 
377 |     EMSCRIPTEN_KEEPALIVE
378 |     void Example1 (void) {
379 | 
380 |         float data[16384*4];
381 | 
382 |         for (int i=0; i<16384*4; i++) {
383 |             data[i] = (float)i;
384 |         }
385 | 
386 |         printf("Data in:\n");
387 |         printv(data, 16384*4);
388 | 
389 |         GPGPU gpu = GPGPU(128, 128);
390 |         gpu.makeFrameBuffer();
391 |         gpu.makeTexture(data);
392 |         gpu.buildProgram(example1Fragment);
393 | 
394 |         gpu.addAttrib("position", 3, 20, 0);
395 |         gpu.addAttrib("textureCoord", 2, 20, 12);
396 | 
397 |         gpu.draw();
398 | 
399 |         float* out = gpu.getPixels();
400 |         printf("Data out:\n");
401 |         printv(out, 16384*4);
402 |     }
403 | 
404 | 
405 |     EMSCRIPTEN_KEEPALIVE
406 |     void Example2 (void) {
407 |         float data[16384*4];
408 | 
409 |         for (int i=0; i<16384*4; i++) {
410 |             data[i] = (float)i;
411 |         }
412 | 
413 |         printf("Data in:\n");
414 |         printv(data, 16384*4);
415 | 
416 |         GPGPU gpu = GPGPU(128, 128);
417 |         gpu.makeFrameBuffer();
418 |         gpu.makeTexture(data);
419 |         gpu.buildProgram(example2Fragment);
420 | 
421 |         gpu.addAttrib("position", 3, 20, 0);
422 |         gpu.addAttrib("textureCoord", 2, 20, 12);
423 | 
424 |         gpu.draw();
425 | 
426 |         float* out = gpu.getPixels();
427 |         printf("Data out:\n");
428 |         printv(out, 16384*4);
429 |     }
430 | 
431 |     EMSCRIPTEN_KEEPALIVE
432 |     void Example3 (void) {
433 |         float data[16384*4];
434 | 
435 |         for (int i=0; i<16384*4; i++) {
436 |             data[i] = (float)i;
437 |         }
438 | 
439 |         printf("Data in:\n");
440 |         printv(data, 16384*4);
441 | 
442 |         GPGPU gpu = GPGPU(128, 128);
443 |         gpu.makeFrameBuffer();
444 |         gpu.makeTexture(data);
445 |         gpu.makeTexture(data);
446 |         gpu.makeTexture(data);
447 |         gpu.buildProgram(example3Fragment);
448 | 
449 |         gpu.addAttrib("position", 3, 20, 0);
450 |         gpu.addAttrib("textureCoord", 2, 20, 12);
451 |         gpu.addUniform("variable", 5, "uniform1f");
452 | 
453 |         gpu.draw();
454 | 
455 |         float* out = gpu.getPixels();
456 |         printf("Data out:\n");
457 |         printv(out, 16384*4);
458 |     }
459 | }


--------------------------------------------------------------------------------
/example/script.js:
--------------------------------------------------------------------------------
  1 | "use strict"
  2 | 
  3 | let setupTimer
  4 | let timer
  5 | 
  6 | window.addEventListener("load", () => {
  7 | 
  8 |     let testData
  9 |     let mapSize
 10 |     let mapSpan
 11 |     let log = true
 12 |     let times = parseInt(counterInput.value)
 13 |     let charts = []
 14 | 
 15 |     const vals = [0,0,2,2,2,
 16 |                   1,1,0,2,0,
 17 |                   1,2,1,1,2,
 18 |                   0,1,2,2,1,
 19 |                   1,2,0,0,1]
 20 | 
 21 |     const kernelVals = [-1, 0,-1,
 22 |                          1, 0, 1,
 23 |                          1,-1, 0]
 24 | 
 25 |     const eg4Data = new Float32Array(vals.length * 4)
 26 |     const kernel = new Float32Array(kernelVals.length * 4)
 27 | 
 28 |     for (let i=0; i<vals.length; i++) {
 29 |         eg4Data[i*4] = vals[i]
 30 |     }
 31 | 
 32 |     for (let i=0; i<kernelVals.length; i++) {
 33 |         kernel[i*4] = kernelVals[i]
 34 |     }
 35 | 
 36 | 
 37 |     const generateData = () => {
 38 | 
 39 |         testData = new Float32Array(mapSize*4)
 40 | 
 41 |         for (let i=0; i<mapSize*4; i++) {
 42 |             testData[i] = i
 43 |         }
 44 |     }
 45 |     mapSize = 1024
 46 |     mapSpan = Math.sqrt(mapSize)
 47 |     generateData()
 48 | 
 49 |     window.runExample1GPU = () => {
 50 |         setupTimer = Date.now()
 51 | 
 52 |         const gpu = new GPGPU({height: mapSpan, width: mapSpan})
 53 |         gpu.makeFrameBuffer()
 54 |         gpu.makeTexture(testData)
 55 |         gpu.buildProgram(example1Fragment)
 56 | 
 57 |         gpu.addAttrib("position", {numElements: 3, stride: 20, offset: 0})
 58 |         gpu.addAttrib("textureCoord", {numElements: 2, stride: 20, offset: 12})
 59 |         timer = Date.now()
 60 | 
 61 |         for (let t=0; t<times; t++) {
 62 |             // testData[0]++
 63 |             // gpu.updateTexture(0, testData)
 64 |             // console.log(gpu.getPixels())
 65 |             gpu.draw()
 66 |         }
 67 | 
 68 |         const end = Date.now()
 69 | 
 70 |         if (log) {
 71 |             console.log(`Example 1 (GPU - ${times} times): `, gpu.getPixels(), `\nElapsed set-up: ${timer-setupTimer}\nElapsed run: ${end-timer}`)
 72 |         }
 73 | 
 74 |         gpu.delete()
 75 |         return [timer-setupTimer, end-timer]
 76 |     }
 77 | 
 78 |     window.runExample1JS = () => {
 79 |         timer = Date.now()
 80 | 
 81 |         const data = new Float32Array(mapSize*4)
 82 | 
 83 |         for (let t=0; t<times; t++) {
 84 |             for (let i=0; i<mapSize*4; i++) {
 85 |                 data[i] = testData[i]
 86 |             }
 87 |         }
 88 | 
 89 |         if (log) {
 90 |             console.log("Example 1 (GPU) data:", data, `\nElapsed (${times} times): ${Date.now()-timer}`)
 91 |         }
 92 |         return [Date.now()-timer]
 93 |     }
 94 | 
 95 |     window.runExample1WAGPU = () => {
 96 |         setupTimer = Date.now()
 97 | 
 98 |         const result = ccallArrays("runExample1WAGPU", "array", ["array", "number"], [testData, times], {heapIn: "HEAPF32", heapOut: "HEAPF32", returnArraySize: mapSize*4})
 99 |         const setUpTime = Date.now() - setupTimer - waRunTime
100 | 
101 |         if (log) {
102 |             console.log(`Example 1 (WA GPU - ${times} times): `, result, `\nElapsed set-up: ${setUpTime}\nElapsed run: ${waRunTime}`)
103 |         }
104 | 
105 |         return [setUpTime, waRunTime]
106 |     }
107 | 
108 |     window.runExample1WA = () => {
109 |         setupTimer = Date.now()
110 | 
111 |         const result = ccallArrays("runExample1WA", "array", ["array", "number"], [testData, times], {heapIn: "HEAPF32", heapOut: "HEAPF32", returnArraySize: mapSize*4})
112 |         const setUpTime = Date.now() - setupTimer - waRunTime
113 | 
114 |         if (log) {
115 |             console.log(`Example 1 (WA - ${times} times): `, result, `\nElapsed set-up: ${setUpTime}\nElapsed run: ${waRunTime}`)
116 |         }
117 |         return [setUpTime, waRunTime]
118 |     }
119 | 
120 |     window.runExample2GPU = () => {
121 |         setupTimer = Date.now()
122 | 
123 |         const gpu = new GPGPU({height: mapSpan, width: mapSpan})
124 |         gpu.makeFrameBuffer()
125 |         gpu.makeTexture(testData)
126 |         gpu.buildProgram(example2Fragment)
127 | 
128 |         gpu.addAttrib("position", {numElements: 3, stride: 20, offset: 0})
129 |         gpu.addAttrib("textureCoord", {numElements: 2, stride: 20, offset: 12})
130 | 
131 |         timer = Date.now()
132 | 
133 |         for (let t=0; t<times; t++) {
134 |             gpu.draw()
135 |         }
136 | 
137 |         const end = Date.now()
138 | 
139 |         if (log) {
140 |             console.log(`Example 2 (GPU - ${times} times): `, gpu.getPixels(), `\nElapsed set-up: ${timer-setupTimer}\nElapsed run: ${end-timer}`)
141 |         }
142 | 
143 |         gpu.delete()
144 |         return [timer-setupTimer, end-timer]
145 |     }
146 | 
147 |     window.runExample2JS = () => {
148 |         timer = Date.now()
149 | 
150 |         const data = new Float32Array(mapSize*4)
151 | 
152 |         for (let t=0; t<times; t++) {
153 |             for (let i=0; i<mapSize*4; i++) {
154 |                 data[i] = testData[i] * testData[i]
155 |             }
156 |         }
157 | 
158 |         if (log) {
159 |             console.log("Example 2 (JS) data:", data, `\nElapsed (${times} times): ${Date.now()-timer}`)
160 |         }
161 |         return [Date.now()-timer]
162 |     }
163 | 
164 |     window.runExample2WAGPU = () => {
165 |         setupTimer = Date.now()
166 | 
167 |         const result = ccallArrays("runExample2WAGPU", "array", ["array", "number"], [testData, times], {heapIn: "HEAPF32", heapOut: "HEAPF32", returnArraySize: mapSize*4})
168 |         const setUpTime = Date.now() - setupTimer - waRunTime
169 | 
170 |         if (log) {
171 |             console.log(`Example 2 (WA GPU - ${times} times): `, result, `\nElapsed set-up: ${setUpTime}\nElapsed run: ${waRunTime}`)
172 |         }
173 | 
174 |         return [setUpTime, waRunTime]
175 |     }
176 | 
177 |     window.runExample2WA = () => {
178 |         setupTimer = Date.now()
179 | 
180 |         const result = ccallArrays("runExample2WA", "array", ["array", "number"], [testData, times], {heapIn: "HEAPF32", heapOut: "HEAPF32", returnArraySize: mapSize*4})
181 |         const setUpTime = Date.now() - setupTimer - waRunTime
182 | 
183 |         if (log) {
184 |             console.log(`Example 2 (WA - ${times} times): `, result, `\nElapsed set-up: ${setUpTime}\nElapsed run: ${waRunTime}`)
185 |         }
186 | 
187 |         return [setUpTime, waRunTime]
188 |     }
189 | 
190 | 
191 |     window.runExample3GPU = () => {
192 |         setupTimer = Date.now()
193 | 
194 |         const gpu = new GPGPU({height: mapSpan, width: mapSpan})
195 |         gpu.makeFrameBuffer()
196 |         gpu.makeTexture(testData)
197 |         gpu.makeTexture(testData)
198 |         gpu.makeTexture(testData)
199 |         gpu.buildProgram(example3Fragment)
200 | 
201 |         gpu.addAttrib("position", {numElements: 3, stride: 20, offset: 0})
202 |         gpu.addAttrib("textureCoord", {numElements: 2, stride: 20, offset: 12})
203 | 
204 |         gpu.addUniform("variable", parseFloat(varInput.value))
205 | 
206 |         timer = Date.now()
207 | 
208 |         for (let t=0; t<times; t++) {
209 |             gpu.draw()
210 |         }
211 | 
212 |         const end = Date.now()
213 | 
214 |         if (log) {
215 |             console.log(`Example 3 (GPU - ${times} times): `, gpu.getPixels(), `\nElapsed set-up: ${timer-setupTimer}\nElapsed run: ${end-timer}`)
216 |         }
217 | 
218 |         gpu.delete()
219 |         return [timer-setupTimer, end-timer]
220 |     }
221 | 
222 |     window.runExample3JS = () => {
223 |         timer = Date.now()
224 | 
225 |         const data = new Float32Array(mapSize*4)
226 |         let variable = parseFloat(varInput.value)
227 | 
228 |         for (let t=0; t<times; t++) {
229 |             for (let i=0; i<mapSize*4; i++) {
230 |                 data[i] = testData[i] + testData[i] + testData[i] + variable
231 |             }
232 |         }
233 | 
234 |         if (log) {
235 |             console.log("Example 3 (JS) data:", data, `\nElapsed (${times} times): ${Date.now()-timer}`)
236 |         }
237 |         return [Date.now()-timer]
238 |     }
239 | 
240 |     window.runExample3WAGPU = () => {
241 |         setupTimer = Date.now()
242 | 
243 |         let variable = parseFloat(varInput.value)
244 |         const result = ccallArrays("runExample3WAGPU", "array", ["array", "number", "number"], [testData, variable, times], {heapIn: "HEAPF32", heapOut: "HEAPF32", returnArraySize: mapSize*4})
245 |         const setUpTime = Date.now() - setupTimer - waRunTime
246 | 
247 |         if (log) {
248 |             console.log(`Example 3 (WA GPU- ${times} times): `, result, `\nElapsed set-up: ${setUpTime}\nElapsed run: ${waRunTime}`)
249 |         }
250 | 
251 |         return [setUpTime, waRunTime]
252 |     }
253 | 
254 |     window.runExample3WA = () => {
255 |         setupTimer = Date.now()
256 | 
257 |         let variable = parseFloat(varInput.value)
258 |         const result = ccallArrays("runExample3WA", "array", ["array", "number", "number"], [testData, variable, times], {heapIn: "HEAPF32", heapOut: "HEAPF32", returnArraySize: mapSize*4})
259 |         const setUpTime = Date.now() - setupTimer - waRunTime
260 | 
261 |         if (log) {
262 |             console.log(`Example 3 (WA - ${times} times): `, result, `\nElapsed set-up: ${setUpTime}\nElapsed run: ${waRunTime}`)
263 |         }
264 | 
265 |         return [setUpTime, waRunTime]
266 |     }
267 | 
268 | 
269 |     window.runExample4GPU = () => {
270 |         setupTimer = Date.now()
271 | 
272 |         const gpu = new GPGPU({height: 5, width: 5})
273 |         gpu.makeFrameBuffer()
274 |         gpu.makeTexture(eg4Data)
275 |         gpu.makeTexture(kernel, 3, 3)
276 |         gpu.buildProgram(example4Fragment)
277 | 
278 |         gpu.addAttrib("position", {numElements: 3, stride: 20, offset: 0})
279 |         gpu.addAttrib("textureCoord", {numElements: 2, stride: 20, offset: 12})
280 |         gpu.addUniform("w", 1/5)
281 | 
282 |         timer = Date.now()
283 | 
284 |         for (let t=0; t<times; t++) {
285 |             gpu.draw()
286 |         }
287 | 
288 |         const end = Date.now()
289 |         const expected = [[-1,2,3,2,4], [0,-2,2,-4,-1], [1,0,-1,3,0], [-2,-1,2,0,0], [1,-1,-1,-2,-2]]
290 | 
291 |         if (log) {
292 |             console.log(`Example 4 (GPU - ${times} times): `, gpu.getPixels(), `\nElapsed set-up: ${timer-setupTimer}\nElapsed run: ${end-timer}`)
293 |         }
294 | 
295 |         gpu.delete()
296 |         return [timer-setupTimer, end-timer]
297 |     }
298 | 
299 | 
300 |     window.runExample4JS = () => {
301 |         const data = new Float32Array(5*5*4)
302 |         timer = Date.now()
303 |         const inputSpan = 5
304 |         const kSpan = 3
305 |         const spread = 1
306 | 
307 |         for (let t=0; t<times; t++) {
308 |             // For every pixel
309 |             for (let y=0; y<inputSpan; y++) {
310 |                 for (let x=0; x<inputSpan; x++) {
311 | 
312 |                     let sum = 0
313 |                     const n = []
314 | 
315 |                     // Gather input data
316 |                     for (let j=-spread; j<=spread; j++) {
317 |                         for (let k=-spread; k<=spread; k++) {
318 | 
319 |                             const yCoord = y + j
320 |                             const xCoord = x + k
321 | 
322 |                             if (yCoord >= 0 && yCoord < inputSpan &&
323 |                                 xCoord >= 0 && xCoord < inputSpan) {
324 |                                 n[(j+spread)*kSpan+(k+spread)] = eg4Data[(yCoord*inputSpan + xCoord) * 4]
325 |                             } else {
326 |                                 n[(j+spread)*kSpan+(k+spread)] = 0
327 |                             }
328 |                         }
329 |                     }
330 | 
331 |                     for (let j=0; j<kSpan; j++) {
332 |                         for (let k=0; k<kSpan; k++) {
333 |                             sum += kernel[(j*kSpan+k) * 4] * n[j*kSpan+k]
334 |                         }
335 |                     }
336 | 
337 |                     data[(y*inputSpan+x) * 4 ] = sum
338 |                 }
339 |             }
340 |         }
341 | 
342 |         if (log) {
343 |             console.log("Example 4 (JS) data:", data, `\nElapsed (${times} times): ${Date.now()-timer}`)
344 |         }
345 | 
346 |         return [Date.now()-timer]
347 |     }
348 | 
349 |     window.runExample4WAGPU = () => {
350 |         setupTimer = Date.now()
351 | 
352 |         const result = ccallArrays("runExample4WAGPU", "array", ["array", "array", "number"], [eg4Data, kernel, times], {heapIn: "HEAPF32", heapOut: "HEAPF32", returnArraySize: 100})
353 |         const setUpTime = Date.now() - setupTimer - waRunTime
354 | 
355 |         if (log) {
356 |             console.log(`Example 4 (WA GPU - ${times} times): `, result, `\nElapsed set-up: ${setUpTime}\nElapsed run: ${waRunTime}`)
357 |         }
358 | 
359 |         return [setUpTime, waRunTime]
360 |     }
361 | 
362 |     window.runExample4WA = () => {
363 |         setupTimer = Date.now()
364 | 
365 |         const result = ccallArrays("runExample4WA", "array", ["array", "array", "number"], [eg4Data, kernel, times], {heapIn: "HEAPF32", heapOut: "HEAPF32", returnArraySize: 100})
366 |         const setUpTime = Date.now() - setupTimer - waRunTime
367 | 
368 |         if (log) {
369 |             console.log(`Example 4 (WA - ${times} times): `, result, `\nElapsed set-up: ${setUpTime}\nElapsed run: ${waRunTime}`)
370 |         }
371 | 
372 |         return [setUpTime, waRunTime]
373 |     }
374 | 
375 | 
376 | 
377 |     example1GPU.addEventListener("click", runExample1GPU)
378 |     example1JS.addEventListener("click", runExample1JS)
379 |     example1WAGPU.addEventListener("click", runExample1WAGPU)
380 |     example1WA.addEventListener("click", runExample1WA)
381 | 
382 |     example2GPU.addEventListener("click", runExample2GPU)
383 |     example2JS.addEventListener("click", runExample2JS)
384 |     example2WAGPU.addEventListener("click", runExample2WAGPU)
385 |     example2WA.addEventListener("click", runExample2WA)
386 | 
387 |     example3GPU.addEventListener("click", runExample3GPU)
388 |     example3JS.addEventListener("click", runExample3JS)
389 |     example3WAGPU.addEventListener("click", runExample3WAGPU)
390 |     example3WA.addEventListener("click", runExample3WA)
391 | 
392 |     example4GPU.addEventListener("click", runExample4GPU)
393 |     example4JS.addEventListener("click", runExample4JS)
394 |     example4WAGPU.addEventListener("click", runExample4WAGPU)
395 |     example4WA.addEventListener("click", runExample4WA)
396 | 
397 | 
398 |     mapSizeInput.addEventListener("change", () => {
399 |         mapSize = parseInt(mapSizeInput.value)
400 |         generateData()
401 |     })
402 | 
403 |     mapSizeInput.addEventListener("keyup", () => {
404 |         mapSize = parseInt(mapSizeInput.value)
405 |         generateData()
406 |     })
407 | 
408 |     counterInput.addEventListener("change", () => {
409 |         times = parseInt(counterInput.value)
410 |         generateData()
411 |     })
412 | 
413 |     counterInput.addEventListener("keyup", () => {
414 |         times = parseInt(counterInput.value)
415 |         generateData()
416 |     })
417 | 
418 |     const makeChart = () => {
419 | 
420 |         const canvas = document.createElement("canvas")
421 |         canvas.width = window.innerWidth * 0.9
422 |         canvas.height = 300
423 | 
424 |         return [canvas, new Chart(canvas.getContext("2d"), {
425 |             type: "line",
426 |             data: {
427 |                 datasets: [{
428 |                     label: "GPU",
429 |                     borderColor: "rgba(150, 26, 31, 0.5)",
430 |                     backgroundColor: "rgba(150, 26, 31, 0.5)",
431 |                     data: [],
432 |                     pointRadius: 0
433 |                 },{
434 |                     label: "GPU (set-up time)",
435 |                     borderDash: [5, 5],
436 |                     borderColor: "rgba(150, 26, 31, 0.5)",
437 |                     backgroundColor: "rgba(150, 26, 31, 0.5)",
438 |                     fill: false,
439 |                     data: [],
440 |                     pointRadius: 0
441 |                 },{
442 |                     label: "JS",
443 |                     borderColor: "rgba(250, 222, 52, 0.5)",
444 |                     backgroundColor: "rgba(250, 222, 52, 0.5)",
445 |                     data: [],
446 |                     pointRadius: 0
447 |                 },{
448 |                     label: "WebAssembly + GPU (set-up time)",
449 |                     borderDash: [5, 5],
450 |                     borderColor: "rgba(126, 53, 136, 0.5)",
451 |                     backgroundColor: "rgba(126, 53, 136, 0.5)",
452 |                     fill: false,
453 |                     data: [],
454 |                     pointRadius: 0
455 |                 },{
456 |                     label: "WebAssembly + GPU",
457 |                     borderColor: "rgba(126, 53, 136, 0.5)",
458 |                     backgroundColor: "rgba(126, 53, 136, 0.5)",
459 |                     data: [],
460 |                     pointRadius: 0
461 |                 },{
462 |                     label: "WebAssembly",
463 |                     borderColor: "rgba(101, 79, 240, 0.5)",
464 |                     backgroundColor: "rgba(101, 79, 240, 0.5)",
465 |                     data: [],
466 |                     pointRadius: 0
467 |                 },{
468 |                     label: "WebAssembly (set-up time)",
469 |                     borderDash: [5, 5],
470 |                     borderColor: "rgba(101, 79, 240, 0.5)",
471 |                     backgroundColor: "rgba(101, 79, 240, 0.5)",
472 |                     fill: false,
473 |                     data: [],
474 |                     pointRadius: 0
475 |                 }]
476 |             },
477 |             options: {
478 |                 scales: {
479 |                     xAxes: [{
480 |                         type: "linear",
481 |                         position: "bottom"
482 |                     }],
483 |                     yAxes: [{
484 |                         ticks: {
485 |                             beginAtZero: true
486 |                         }
487 |                     }]
488 |                 },
489 |                 tooltips: {
490 |                     enabled: false
491 |                 },
492 |                 responsive: false
493 |             }
494 |         })]
495 |     }
496 | 
497 |     const plot = (i, chartI, egI) => {
498 |         log = false
499 |         times = Math.min(Math.floor(Math.pow(2, i/6)), parseInt(maxPlotItsInput.value))
500 |         const [setUp, elapsed] = window[`runExample${egI+1}GPU`]()
501 |         const [jsElapsed] = window[`runExample${egI+1}JS`]()
502 |         const [waGPUSetUp, waGPUElapsed] = window[`runExample${egI+1}WAGPU`]()
503 | 
504 |         charts[chartI].data.datasets[0].data.push({x: times, y: elapsed})
505 |         charts[chartI].data.datasets[1].data.push({x: times, y: setUp})
506 |         charts[chartI].data.datasets[2].data.push({x: times, y: jsElapsed})
507 |         charts[chartI].data.datasets[3].data.push({x: times, y: waGPUSetUp})
508 |         charts[chartI].data.datasets[4].data.push({x: times, y: waGPUElapsed})
509 | 
510 |         if (window[`runExample${egI+1}WA`]) {
511 |             const [waSetUp, waElapsed] = window[`runExample${egI+1}WA`]()
512 |             charts[chartI].data.datasets[5].data.push({x: times, y: waElapsed})
513 |             charts[chartI].data.datasets[6].data.push({x: times, y: waSetUp})
514 |         }
515 | 
516 |         charts[chartI].update()
517 | 
518 |         if (++i<=100) {
519 |             setTimeout(() => plot(i, chartI, egI), 0)
520 |         } else {
521 |             if (chartI<charts.length-1) {
522 |                 setTimeout(() => plot(25, chartI+1, egI+1), 0)
523 |             } else {
524 |                 times = parseInt(counterInput.value)
525 |                 log = true
526 |             }
527 |         }
528 |     }
529 | 
530 |     benchmarkExample1Button.addEventListener("click", () => {
531 |         const [iterationsCanvas, identityChart] = makeChart()
532 |         identityChartIterations.innerHTML = ""
533 |         identityChartIterations.appendChild(iterationsCanvas)
534 |         charts = [identityChart]
535 |         plot(25, 0, 0)
536 |     })
537 | 
538 |     benchmarkExample2Button.addEventListener("click", () => {
539 |         const [quadraticCanvas, quadraticChart] = makeChart()
540 |         quadraticChartIterations.innerHTML = ""
541 |         quadraticChartIterations.appendChild(quadraticCanvas)
542 |         charts = [quadraticChart]
543 |         plot(25, 0, 1)
544 |     })
545 | 
546 | 
547 |     benchmarkExample3Button.addEventListener("click", () => {
548 |         const [ewAdd3p1Canvas, ewAdd3p1Chart] = makeChart()
549 |         ewAdd3p1ChartIterations.innerHTML = ""
550 |         ewAdd3p1ChartIterations.appendChild(ewAdd3p1Canvas)
551 |         charts = [ewAdd3p1Chart]
552 |         plot(25, 0, 2)
553 |     })
554 | 
555 |     benchmarkExample4Button.addEventListener("click", () => {
556 |         const [conv3x3_5x5Canvas, conv3x3_5x5Chart] = makeChart()
557 |         conv3x3_5x5ChartIterations.innerHTML = ""
558 |         conv3x3_5x5ChartIterations.appendChild(conv3x3_5x5Canvas)
559 |         charts = [conv3x3_5x5Chart]
560 |         plot(25, 0, 3)
561 |     })
562 | 
563 |     plotBenchmarkButton.addEventListener("click", () => {
564 |         charts = []
565 | 
566 |         const [iterationsCanvas, identityChart] = makeChart()
567 |         identityChartIterations.innerHTML = ""
568 |         identityChartIterations.appendChild(iterationsCanvas)
569 | 
570 |         const [quadraticCanvas, quadraticChart] = makeChart()
571 |         quadraticChartIterations.innerHTML = ""
572 |         quadraticChartIterations.appendChild(quadraticCanvas)
573 | 
574 |         const [ewAdd3p1Canvas, ewAdd3p1Chart] = makeChart()
575 |         ewAdd3p1ChartIterations.innerHTML = ""
576 |         ewAdd3p1ChartIterations.appendChild(ewAdd3p1Canvas)
577 | 
578 |         const [conv3x3_5x5Canvas, conv3x3_5x5Chart] = makeChart()
579 |         conv3x3_5x5ChartIterations.innerHTML = ""
580 |         conv3x3_5x5ChartIterations.appendChild(conv3x3_5x5Canvas)
581 | 
582 |         charts.push(identityChart)
583 |         charts.push(quadraticChart)
584 |         charts.push(ewAdd3p1Chart)
585 |         charts.push(conv3x3_5x5Chart)
586 | 
587 |         plot(25, 0, 0)
588 |     })
589 | })


--------------------------------------------------------------------------------
/webassembly/webassemblyDemo.js:
--------------------------------------------------------------------------------
1 | var Module;if(!Module)Module=(typeof Module!=="undefined"?Module:null)||{};var moduleOverrides={};for(var key in Module){if(Module.hasOwnProperty(key)){moduleOverrides[key]=Module[key]}}var ENVIRONMENT_IS_WEB=false;var ENVIRONMENT_IS_WORKER=false;var ENVIRONMENT_IS_NODE=false;var ENVIRONMENT_IS_SHELL=false;if(Module["ENVIRONMENT"]){if(Module["ENVIRONMENT"]==="WEB"){ENVIRONMENT_IS_WEB=true}else if(Module["ENVIRONMENT"]==="WORKER"){ENVIRONMENT_IS_WORKER=true}else if(Module["ENVIRONMENT"]==="NODE"){ENVIRONMENT_IS_NODE=true}else if(Module["ENVIRONMENT"]==="SHELL"){ENVIRONMENT_IS_SHELL=true}else{throw new Error("The provided Module['ENVIRONMENT'] value is not valid. It must be one of: WEB|WORKER|NODE|SHELL.")}}else{ENVIRONMENT_IS_WEB=typeof window==="object";ENVIRONMENT_IS_WORKER=typeof importScripts==="function";ENVIRONMENT_IS_NODE=typeof process==="object"&&typeof require==="function"&&!ENVIRONMENT_IS_WEB&&!ENVIRONMENT_IS_WORKER;ENVIRONMENT_IS_SHELL=!ENVIRONMENT_IS_WEB&&!ENVIRONMENT_IS_NODE&&!ENVIRONMENT_IS_WORKER}if(ENVIRONMENT_IS_NODE){if(!Module["print"])Module["print"]=console.log;if(!Module["printErr"])Module["printErr"]=console.warn;var nodeFS;var nodePath;Module["read"]=function shell_read(filename,binary){if(!nodeFS)nodeFS=require("fs");if(!nodePath)nodePath=require("path");filename=nodePath["normalize"](filename);var ret=nodeFS["readFileSync"](filename);return binary?ret:ret.toString()};Module["readBinary"]=function readBinary(filename){var ret=Module["read"](filename,true);if(!ret.buffer){ret=new Uint8Array(ret)}assert(ret.buffer);return ret};Module["load"]=function load(f){globalEval(read(f))};if(!Module["thisProgram"]){if(process["argv"].length>1){Module["thisProgram"]=process["argv"][1].replace(/\\/g,"/")}else{Module["thisProgram"]="unknown-program"}}Module["arguments"]=process["argv"].slice(2);if(typeof module!=="undefined"){module["exports"]=Module}process["on"]("uncaughtException",(function(ex){if(!(ex instanceof ExitStatus)){throw ex}}));Module["inspect"]=(function(){return"[Emscripten Module object]"})}else if(ENVIRONMENT_IS_SHELL){if(!Module["print"])Module["print"]=print;if(typeof printErr!="undefined")Module["printErr"]=printErr;if(typeof read!="undefined"){Module["read"]=read}else{Module["read"]=function shell_read(){throw"no read() available"}}Module["readBinary"]=function readBinary(f){if(typeof readbuffer==="function"){return new Uint8Array(readbuffer(f))}var data=read(f,"binary");assert(typeof data==="object");return data};if(typeof scriptArgs!="undefined"){Module["arguments"]=scriptArgs}else if(typeof arguments!="undefined"){Module["arguments"]=arguments}if(typeof quit==="function"){Module["quit"]=(function(status,toThrow){quit(status)})}}else if(ENVIRONMENT_IS_WEB||ENVIRONMENT_IS_WORKER){Module["read"]=function shell_read(url){var xhr=new XMLHttpRequest;xhr.open("GET",url,false);xhr.send(null);return xhr.responseText};if(ENVIRONMENT_IS_WORKER){Module["readBinary"]=function readBinary(url){var xhr=new XMLHttpRequest;xhr.open("GET",url,false);xhr.responseType="arraybuffer";xhr.send(null);return new Uint8Array(xhr.response)}}Module["readAsync"]=function readAsync(url,onload,onerror){var xhr=new XMLHttpRequest;xhr.open("GET",url,true);xhr.responseType="arraybuffer";xhr.onload=function xhr_onload(){if(xhr.status==200||xhr.status==0&&xhr.response){onload(xhr.response)}else{onerror()}};xhr.onerror=onerror;xhr.send(null)};if(typeof arguments!="undefined"){Module["arguments"]=arguments}if(typeof console!=="undefined"){if(!Module["print"])Module["print"]=function shell_print(x){console.log(x)};if(!Module["printErr"])Module["printErr"]=function shell_printErr(x){console.warn(x)}}else{var TRY_USE_DUMP=false;if(!Module["print"])Module["print"]=TRY_USE_DUMP&&typeof dump!=="undefined"?(function(x){dump(x)}):(function(x){})}if(ENVIRONMENT_IS_WORKER){Module["load"]=importScripts}if(typeof Module["setWindowTitle"]==="undefined"){Module["setWindowTitle"]=(function(title){document.title=title})}}else{throw"Unknown runtime environment. Where are we?"}function globalEval(x){eval.call(null,x)}if(!Module["load"]&&Module["read"]){Module["load"]=function load(f){globalEval(Module["read"](f))}}if(!Module["print"]){Module["print"]=(function(){})}if(!Module["printErr"]){Module["printErr"]=Module["print"]}if(!Module["arguments"]){Module["arguments"]=[]}if(!Module["thisProgram"]){Module["thisProgram"]="./this.program"}if(!Module["quit"]){Module["quit"]=(function(status,toThrow){throw toThrow})}Module.print=Module["print"];Module.printErr=Module["printErr"];Module["preRun"]=[];Module["postRun"]=[];for(var key in moduleOverrides){if(moduleOverrides.hasOwnProperty(key)){Module[key]=moduleOverrides[key]}}moduleOverrides=undefined;var Runtime={setTempRet0:(function(value){tempRet0=value;return value}),getTempRet0:(function(){return tempRet0}),stackSave:(function(){return STACKTOP}),stackRestore:(function(stackTop){STACKTOP=stackTop}),getNativeTypeSize:(function(type){switch(type){case"i1":case"i8":return 1;case"i16":return 2;case"i32":return 4;case"i64":return 8;case"float":return 4;case"double":return 8;default:{if(type[type.length-1]==="*"){return Runtime.QUANTUM_SIZE}else if(type[0]==="i"){var bits=parseInt(type.substr(1));assert(bits%8===0);return bits/8}else{return 0}}}}),getNativeFieldSize:(function(type){return Math.max(Runtime.getNativeTypeSize(type),Runtime.QUANTUM_SIZE)}),STACK_ALIGN:16,prepVararg:(function(ptr,type){if(type==="double"||type==="i64"){if(ptr&7){assert((ptr&7)===4);ptr+=4}}else{assert((ptr&3)===0)}return ptr}),getAlignSize:(function(type,size,vararg){if(!vararg&&(type=="i64"||type=="double"))return 8;if(!type)return Math.min(size,8);return Math.min(size||(type?Runtime.getNativeFieldSize(type):0),Runtime.QUANTUM_SIZE)}),dynCall:(function(sig,ptr,args){if(args&&args.length){return Module["dynCall_"+sig].apply(null,[ptr].concat(args))}else{return Module["dynCall_"+sig].call(null,ptr)}}),functionPointers:[],addFunction:(function(func){for(var i=0;i<Runtime.functionPointers.length;i++){if(!Runtime.functionPointers[i]){Runtime.functionPointers[i]=func;return 2*(1+i)}}throw"Finished up all reserved function pointers. Use a higher value for RESERVED_FUNCTION_POINTERS."}),removeFunction:(function(index){Runtime.functionPointers[(index-2)/2]=null}),warnOnce:(function(text){if(!Runtime.warnOnce.shown)Runtime.warnOnce.shown={};if(!Runtime.warnOnce.shown[text]){Runtime.warnOnce.shown[text]=1;Module.printErr(text)}}),funcWrappers:{},getFuncWrapper:(function(func,sig){assert(sig);if(!Runtime.funcWrappers[sig]){Runtime.funcWrappers[sig]={}}var sigCache=Runtime.funcWrappers[sig];if(!sigCache[func]){if(sig.length===1){sigCache[func]=function dynCall_wrapper(){return Runtime.dynCall(sig,func)}}else if(sig.length===2){sigCache[func]=function dynCall_wrapper(arg){return Runtime.dynCall(sig,func,[arg])}}else{sigCache[func]=function dynCall_wrapper(){return Runtime.dynCall(sig,func,Array.prototype.slice.call(arguments))}}}return sigCache[func]}),getCompilerSetting:(function(name){throw"You must build with -s RETAIN_COMPILER_SETTINGS=1 for Runtime.getCompilerSetting or emscripten_get_compiler_setting to work"}),stackAlloc:(function(size){var ret=STACKTOP;STACKTOP=STACKTOP+size|0;STACKTOP=STACKTOP+15&-16;return ret}),staticAlloc:(function(size){var ret=STATICTOP;STATICTOP=STATICTOP+size|0;STATICTOP=STATICTOP+15&-16;return ret}),dynamicAlloc:(function(size){var ret=HEAP32[DYNAMICTOP_PTR>>2];var end=(ret+size+15|0)&-16;HEAP32[DYNAMICTOP_PTR>>2]=end;if(end>=TOTAL_MEMORY){var success=enlargeMemory();if(!success){HEAP32[DYNAMICTOP_PTR>>2]=ret;return 0}}return ret}),alignMemory:(function(size,quantum){var ret=size=Math.ceil(size/(quantum?quantum:16))*(quantum?quantum:16);return ret}),makeBigInt:(function(low,high,unsigned){var ret=unsigned?+(low>>>0)+ +(high>>>0)*4294967296:+(low>>>0)+ +(high|0)*4294967296;return ret}),GLOBAL_BASE:1024,QUANTUM_SIZE:4,__dummy__:0};Module["Runtime"]=Runtime;var ABORT=0;var EXITSTATUS=0;function assert(condition,text){if(!condition){abort("Assertion failed: "+text)}}function getCFunc(ident){var func=Module["_"+ident];if(!func){try{func=eval("_"+ident)}catch(e){}}assert(func,"Cannot call unknown function "+ident+" (perhaps LLVM optimizations or closure removed it?)");return func}var cwrap,ccall;((function(){var JSfuncs={"stackSave":(function(){Runtime.stackSave()}),"stackRestore":(function(){Runtime.stackRestore()}),"arrayToC":(function(arr){var ret=Runtime.stackAlloc(arr.length);writeArrayToMemory(arr,ret);return ret}),"stringToC":(function(str){var ret=0;if(str!==null&&str!==undefined&&str!==0){var len=(str.length<<2)+1;ret=Runtime.stackAlloc(len);stringToUTF8(str,ret,len)}return ret})};var toC={"string":JSfuncs["stringToC"],"array":JSfuncs["arrayToC"]};ccall=function ccallFunc(ident,returnType,argTypes,args,opts){var func=getCFunc(ident);var cArgs=[];var stack=0;if(args){for(var i=0;i<args.length;i++){var converter=toC[argTypes[i]];if(converter){if(stack===0)stack=Runtime.stackSave();cArgs[i]=converter(args[i])}else{cArgs[i]=args[i]}}}var ret=func.apply(null,cArgs);if(returnType==="string")ret=Pointer_stringify(ret);if(stack!==0){if(opts&&opts.async){EmterpreterAsync.asyncFinalizers.push((function(){Runtime.stackRestore(stack)}));return}Runtime.stackRestore(stack)}return ret};var sourceRegex=/^function\s*[a-zA-Z$_0-9]*\s*\(([^)]*)\)\s*{\s*([^*]*?)[\s;]*(?:return\s*(.*?)[;\s]*)?}$/;function parseJSFunc(jsfunc){var parsed=jsfunc.toString().match(sourceRegex).slice(1);return{arguments:parsed[0],body:parsed[1],returnValue:parsed[2]}}var JSsource=null;function ensureJSsource(){if(!JSsource){JSsource={};for(var fun in JSfuncs){if(JSfuncs.hasOwnProperty(fun)){JSsource[fun]=parseJSFunc(JSfuncs[fun])}}}}cwrap=function cwrap(ident,returnType,argTypes){argTypes=argTypes||[];var cfunc=getCFunc(ident);var numericArgs=argTypes.every((function(type){return type==="number"}));var numericRet=returnType!=="string";if(numericRet&&numericArgs){return cfunc}var argNames=argTypes.map((function(x,i){return"$"+i}));var funcstr="(function("+argNames.join(",")+") {";var nargs=argTypes.length;if(!numericArgs){ensureJSsource();funcstr+="var stack = "+JSsource["stackSave"].body+";";for(var i=0;i<nargs;i++){var arg=argNames[i],type=argTypes[i];if(type==="number")continue;var convertCode=JSsource[type+"ToC"];funcstr+="var "+convertCode.arguments+" = "+arg+";";funcstr+=convertCode.body+";";funcstr+=arg+"=("+convertCode.returnValue+");"}}var cfuncname=parseJSFunc((function(){return cfunc})).returnValue;funcstr+="var ret = "+cfuncname+"("+argNames.join(",")+");";if(!numericRet){var strgfy=parseJSFunc((function(){return Pointer_stringify})).returnValue;funcstr+="ret = "+strgfy+"(ret);"}if(!numericArgs){ensureJSsource();funcstr+=JSsource["stackRestore"].body.replace("()","(stack)")+";"}funcstr+="return ret})";return eval(funcstr)}}))();Module["ccall"]=ccall;Module["cwrap"]=cwrap;function setValue(ptr,value,type,noSafe){type=type||"i8";if(type.charAt(type.length-1)==="*")type="i32";switch(type){case"i1":HEAP8[ptr>>0]=value;break;case"i8":HEAP8[ptr>>0]=value;break;case"i16":HEAP16[ptr>>1]=value;break;case"i32":HEAP32[ptr>>2]=value;break;case"i64":tempI64=[value>>>0,(tempDouble=value,+Math_abs(tempDouble)>=1?tempDouble>0?(Math_min(+Math_floor(tempDouble/4294967296),4294967295)|0)>>>0:~~+Math_ceil((tempDouble- +(~~tempDouble>>>0))/4294967296)>>>0:0)],HEAP32[ptr>>2]=tempI64[0],HEAP32[ptr+4>>2]=tempI64[1];break;case"float":HEAPF32[ptr>>2]=value;break;case"double":HEAPF64[ptr>>3]=value;break;default:abort("invalid type for setValue: "+type)}}Module["setValue"]=setValue;function getValue(ptr,type,noSafe){type=type||"i8";if(type.charAt(type.length-1)==="*")type="i32";switch(type){case"i1":return HEAP8[ptr>>0];case"i8":return HEAP8[ptr>>0];case"i16":return HEAP16[ptr>>1];case"i32":return HEAP32[ptr>>2];case"i64":return HEAP32[ptr>>2];case"float":return HEAPF32[ptr>>2];case"double":return HEAPF64[ptr>>3];default:abort("invalid type for setValue: "+type)}return null}Module["getValue"]=getValue;var ALLOC_NORMAL=0;var ALLOC_STACK=1;var ALLOC_STATIC=2;var ALLOC_DYNAMIC=3;var ALLOC_NONE=4;Module["ALLOC_NORMAL"]=ALLOC_NORMAL;Module["ALLOC_STACK"]=ALLOC_STACK;Module["ALLOC_STATIC"]=ALLOC_STATIC;Module["ALLOC_DYNAMIC"]=ALLOC_DYNAMIC;Module["ALLOC_NONE"]=ALLOC_NONE;function allocate(slab,types,allocator,ptr){var zeroinit,size;if(typeof slab==="number"){zeroinit=true;size=slab}else{zeroinit=false;size=slab.length}var singleType=typeof types==="string"?types:null;var ret;if(allocator==ALLOC_NONE){ret=ptr}else{ret=[typeof _malloc==="function"?_malloc:Runtime.staticAlloc,Runtime.stackAlloc,Runtime.staticAlloc,Runtime.dynamicAlloc][allocator===undefined?ALLOC_STATIC:allocator](Math.max(size,singleType?1:types.length))}if(zeroinit){var ptr=ret,stop;assert((ret&3)==0);stop=ret+(size&~3);for(;ptr<stop;ptr+=4){HEAP32[ptr>>2]=0}stop=ret+size;while(ptr<stop){HEAP8[ptr++>>0]=0}return ret}if(singleType==="i8"){if(slab.subarray||slab.slice){HEAPU8.set(slab,ret)}else{HEAPU8.set(new Uint8Array(slab),ret)}return ret}var i=0,type,typeSize,previousType;while(i<size){var curr=slab[i];if(typeof curr==="function"){curr=Runtime.getFunctionIndex(curr)}type=singleType||types[i];if(type===0){i++;continue}if(type=="i64")type="i32";setValue(ret+i,curr,type);if(previousType!==type){typeSize=Runtime.getNativeTypeSize(type);previousType=type}i+=typeSize}return ret}Module["allocate"]=allocate;function getMemory(size){if(!staticSealed)return Runtime.staticAlloc(size);if(!runtimeInitialized)return Runtime.dynamicAlloc(size);return _malloc(size)}Module["getMemory"]=getMemory;function Pointer_stringify(ptr,length){if(length===0||!ptr)return"";var hasUtf=0;var t;var i=0;while(1){t=HEAPU8[ptr+i>>0];hasUtf|=t;if(t==0&&!length)break;i++;if(length&&i==length)break}if(!length)length=i;var ret="";if(hasUtf<128){var MAX_CHUNK=1024;var curr;while(length>0){curr=String.fromCharCode.apply(String,HEAPU8.subarray(ptr,ptr+Math.min(length,MAX_CHUNK)));ret=ret?ret+curr:curr;ptr+=MAX_CHUNK;length-=MAX_CHUNK}return ret}return Module["UTF8ToString"](ptr)}Module["Pointer_stringify"]=Pointer_stringify;function AsciiToString(ptr){var str="";while(1){var ch=HEAP8[ptr++>>0];if(!ch)return str;str+=String.fromCharCode(ch)}}Module["AsciiToString"]=AsciiToString;function stringToAscii(str,outPtr){return writeAsciiToMemory(str,outPtr,false)}Module["stringToAscii"]=stringToAscii;var UTF8Decoder=typeof TextDecoder!=="undefined"?new TextDecoder("utf8"):undefined;function UTF8ArrayToString(u8Array,idx){var endPtr=idx;while(u8Array[endPtr])++endPtr;if(endPtr-idx>16&&u8Array.subarray&&UTF8Decoder){return UTF8Decoder.decode(u8Array.subarray(idx,endPtr))}else{var u0,u1,u2,u3,u4,u5;var str="";while(1){u0=u8Array[idx++];if(!u0)return str;if(!(u0&128)){str+=String.fromCharCode(u0);continue}u1=u8Array[idx++]&63;if((u0&224)==192){str+=String.fromCharCode((u0&31)<<6|u1);continue}u2=u8Array[idx++]&63;if((u0&240)==224){u0=(u0&15)<<12|u1<<6|u2}else{u3=u8Array[idx++]&63;if((u0&248)==240){u0=(u0&7)<<18|u1<<12|u2<<6|u3}else{u4=u8Array[idx++]&63;if((u0&252)==248){u0=(u0&3)<<24|u1<<18|u2<<12|u3<<6|u4}else{u5=u8Array[idx++]&63;u0=(u0&1)<<30|u1<<24|u2<<18|u3<<12|u4<<6|u5}}}if(u0<65536){str+=String.fromCharCode(u0)}else{var ch=u0-65536;str+=String.fromCharCode(55296|ch>>10,56320|ch&1023)}}}}Module["UTF8ArrayToString"]=UTF8ArrayToString;function UTF8ToString(ptr){return UTF8ArrayToString(HEAPU8,ptr)}Module["UTF8ToString"]=UTF8ToString;function stringToUTF8Array(str,outU8Array,outIdx,maxBytesToWrite){if(!(maxBytesToWrite>0))return 0;var startIdx=outIdx;var endIdx=outIdx+maxBytesToWrite-1;for(var i=0;i<str.length;++i){var u=str.charCodeAt(i);if(u>=55296&&u<=57343)u=65536+((u&1023)<<10)|str.charCodeAt(++i)&1023;if(u<=127){if(outIdx>=endIdx)break;outU8Array[outIdx++]=u}else if(u<=2047){if(outIdx+1>=endIdx)break;outU8Array[outIdx++]=192|u>>6;outU8Array[outIdx++]=128|u&63}else if(u<=65535){if(outIdx+2>=endIdx)break;outU8Array[outIdx++]=224|u>>12;outU8Array[outIdx++]=128|u>>6&63;outU8Array[outIdx++]=128|u&63}else if(u<=2097151){if(outIdx+3>=endIdx)break;outU8Array[outIdx++]=240|u>>18;outU8Array[outIdx++]=128|u>>12&63;outU8Array[outIdx++]=128|u>>6&63;outU8Array[outIdx++]=128|u&63}else if(u<=67108863){if(outIdx+4>=endIdx)break;outU8Array[outIdx++]=248|u>>24;outU8Array[outIdx++]=128|u>>18&63;outU8Array[outIdx++]=128|u>>12&63;outU8Array[outIdx++]=128|u>>6&63;outU8Array[outIdx++]=128|u&63}else{if(outIdx+5>=endIdx)break;outU8Array[outIdx++]=252|u>>30;outU8Array[outIdx++]=128|u>>24&63;outU8Array[outIdx++]=128|u>>18&63;outU8Array[outIdx++]=128|u>>12&63;outU8Array[outIdx++]=128|u>>6&63;outU8Array[outIdx++]=128|u&63}}outU8Array[outIdx]=0;return outIdx-startIdx}Module["stringToUTF8Array"]=stringToUTF8Array;function stringToUTF8(str,outPtr,maxBytesToWrite){return stringToUTF8Array(str,HEAPU8,outPtr,maxBytesToWrite)}Module["stringToUTF8"]=stringToUTF8;function lengthBytesUTF8(str){var len=0;for(var i=0;i<str.length;++i){var u=str.charCodeAt(i);if(u>=55296&&u<=57343)u=65536+((u&1023)<<10)|str.charCodeAt(++i)&1023;if(u<=127){++len}else if(u<=2047){len+=2}else if(u<=65535){len+=3}else if(u<=2097151){len+=4}else if(u<=67108863){len+=5}else{len+=6}}return len}Module["lengthBytesUTF8"]=lengthBytesUTF8;var UTF16Decoder=typeof TextDecoder!=="undefined"?new TextDecoder("utf-16le"):undefined;function demangle(func){var __cxa_demangle_func=Module["___cxa_demangle"]||Module["__cxa_demangle"];if(__cxa_demangle_func){try{var s=func.substr(1);var len=lengthBytesUTF8(s)+1;var buf=_malloc(len);stringToUTF8(s,buf,len);var status=_malloc(4);var ret=__cxa_demangle_func(buf,0,0,status);if(getValue(status,"i32")===0&&ret){return Pointer_stringify(ret)}}catch(e){}finally{if(buf)_free(buf);if(status)_free(status);if(ret)_free(ret)}return func}Runtime.warnOnce("warning: build with  -s DEMANGLE_SUPPORT=1  to link in libcxxabi demangling");return func}function demangleAll(text){var regex=/__Z[\w\d_]+/g;return text.replace(regex,(function(x){var y=demangle(x);return x===y?x:x+" ["+y+"]"}))}function jsStackTrace(){var err=new Error;if(!err.stack){try{throw new Error(0)}catch(e){err=e}if(!err.stack){return"(no stack trace available)"}}return err.stack.toString()}function stackTrace(){var js=jsStackTrace();if(Module["extraStackTrace"])js+="\n"+Module["extraStackTrace"]();return demangleAll(js)}Module["stackTrace"]=stackTrace;var WASM_PAGE_SIZE=65536;var ASMJS_PAGE_SIZE=16777216;var MIN_TOTAL_MEMORY=16777216;function alignUp(x,multiple){if(x%multiple>0){x+=multiple-x%multiple}return x}var HEAP,buffer,HEAP8,HEAPU8,HEAP16,HEAPU16,HEAP32,HEAPU32,HEAPF32,HEAPF64;function updateGlobalBuffer(buf){Module["buffer"]=buffer=buf}function updateGlobalBufferViews(){Module["HEAP8"]=HEAP8=new Int8Array(buffer);Module["HEAP16"]=HEAP16=new Int16Array(buffer);Module["HEAP32"]=HEAP32=new Int32Array(buffer);Module["HEAPU8"]=HEAPU8=new Uint8Array(buffer);Module["HEAPU16"]=HEAPU16=new Uint16Array(buffer);Module["HEAPU32"]=HEAPU32=new Uint32Array(buffer);Module["HEAPF32"]=HEAPF32=new Float32Array(buffer);Module["HEAPF64"]=HEAPF64=new Float64Array(buffer)}var STATIC_BASE,STATICTOP,staticSealed;var STACK_BASE,STACKTOP,STACK_MAX;var DYNAMIC_BASE,DYNAMICTOP_PTR;STATIC_BASE=STATICTOP=STACK_BASE=STACKTOP=STACK_MAX=DYNAMIC_BASE=DYNAMICTOP_PTR=0;staticSealed=false;function abortOnCannotGrowMemory(){abort("Cannot enlarge memory arrays. Either (1) compile with  -s TOTAL_MEMORY=X  with X higher than the current value "+TOTAL_MEMORY+", (2) compile with  -s ALLOW_MEMORY_GROWTH=1  which allows increasing the size at runtime, or (3) if you want malloc to return NULL (0) instead of this abort, compile with  -s ABORTING_MALLOC=0 ")}if(!Module["reallocBuffer"])Module["reallocBuffer"]=(function(size){var ret;try{if(ArrayBuffer.transfer){ret=ArrayBuffer.transfer(buffer,size)}else{var oldHEAP8=HEAP8;ret=new ArrayBuffer(size);var temp=new Int8Array(ret);temp.set(oldHEAP8)}}catch(e){return false}var success=_emscripten_replace_memory(ret);if(!success)return false;return ret});function enlargeMemory(){var PAGE_MULTIPLE=Module["usingWasm"]?WASM_PAGE_SIZE:ASMJS_PAGE_SIZE;var LIMIT=2147483648-PAGE_MULTIPLE;if(HEAP32[DYNAMICTOP_PTR>>2]>LIMIT){return false}var OLD_TOTAL_MEMORY=TOTAL_MEMORY;TOTAL_MEMORY=Math.max(TOTAL_MEMORY,MIN_TOTAL_MEMORY);while(TOTAL_MEMORY<HEAP32[DYNAMICTOP_PTR>>2]){if(TOTAL_MEMORY<=536870912){TOTAL_MEMORY=alignUp(2*TOTAL_MEMORY,PAGE_MULTIPLE)}else{TOTAL_MEMORY=Math.min(alignUp((3*TOTAL_MEMORY+2147483648)/4,PAGE_MULTIPLE),LIMIT)}}var replacement=Module["reallocBuffer"](TOTAL_MEMORY);if(!replacement||replacement.byteLength!=TOTAL_MEMORY){TOTAL_MEMORY=OLD_TOTAL_MEMORY;return false}updateGlobalBuffer(replacement);updateGlobalBufferViews();return true}var byteLength;try{byteLength=Function.prototype.call.bind(Object.getOwnPropertyDescriptor(ArrayBuffer.prototype,"byteLength").get);byteLength(new ArrayBuffer(4))}catch(e){byteLength=(function(buffer){return buffer.byteLength})}var TOTAL_STACK=Module["TOTAL_STACK"]||5242880;var TOTAL_MEMORY=Module["TOTAL_MEMORY"]||16777216;if(TOTAL_MEMORY<TOTAL_STACK)Module.printErr("TOTAL_MEMORY should be larger than TOTAL_STACK, was "+TOTAL_MEMORY+"! (TOTAL_STACK="+TOTAL_STACK+")");if(Module["buffer"]){buffer=Module["buffer"]}else{if(typeof WebAssembly==="object"&&typeof WebAssembly.Memory==="function"){Module["wasmMemory"]=new WebAssembly.Memory({"initial":TOTAL_MEMORY/WASM_PAGE_SIZE});buffer=Module["wasmMemory"].buffer}else{buffer=new ArrayBuffer(TOTAL_MEMORY)}}updateGlobalBufferViews();function getTotalMemory(){return TOTAL_MEMORY}HEAP32[0]=1668509029;HEAP16[1]=25459;if(HEAPU8[2]!==115||HEAPU8[3]!==99)throw"Runtime error: expected the system to be little-endian!";Module["HEAP"]=HEAP;Module["buffer"]=buffer;Module["HEAP8"]=HEAP8;Module["HEAP16"]=HEAP16;Module["HEAP32"]=HEAP32;Module["HEAPU8"]=HEAPU8;Module["HEAPU16"]=HEAPU16;Module["HEAPU32"]=HEAPU32;Module["HEAPF32"]=HEAPF32;Module["HEAPF64"]=HEAPF64;function callRuntimeCallbacks(callbacks){while(callbacks.length>0){var callback=callbacks.shift();if(typeof callback=="function"){callback();continue}var func=callback.func;if(typeof func==="number"){if(callback.arg===undefined){Module["dynCall_v"](func)}else{Module["dynCall_vi"](func,callback.arg)}}else{func(callback.arg===undefined?null:callback.arg)}}}var __ATPRERUN__=[];var __ATINIT__=[];var __ATMAIN__=[];var __ATEXIT__=[];var __ATPOSTRUN__=[];var runtimeInitialized=false;var runtimeExited=false;function preRun(){if(Module["preRun"]){if(typeof Module["preRun"]=="function")Module["preRun"]=[Module["preRun"]];while(Module["preRun"].length){addOnPreRun(Module["preRun"].shift())}}callRuntimeCallbacks(__ATPRERUN__)}function ensureInitRuntime(){if(runtimeInitialized)return;runtimeInitialized=true;callRuntimeCallbacks(__ATINIT__)}function preMain(){callRuntimeCallbacks(__ATMAIN__)}function exitRuntime(){callRuntimeCallbacks(__ATEXIT__);runtimeExited=true}function postRun(){if(Module["postRun"]){if(typeof Module["postRun"]=="function")Module["postRun"]=[Module["postRun"]];while(Module["postRun"].length){addOnPostRun(Module["postRun"].shift())}}callRuntimeCallbacks(__ATPOSTRUN__)}function addOnPreRun(cb){__ATPRERUN__.unshift(cb)}Module["addOnPreRun"]=addOnPreRun;function addOnInit(cb){__ATINIT__.unshift(cb)}Module["addOnInit"]=addOnInit;function addOnPreMain(cb){__ATMAIN__.unshift(cb)}Module["addOnPreMain"]=addOnPreMain;function addOnExit(cb){__ATEXIT__.unshift(cb)}Module["addOnExit"]=addOnExit;function addOnPostRun(cb){__ATPOSTRUN__.unshift(cb)}Module["addOnPostRun"]=addOnPostRun;function intArrayFromString(stringy,dontAddNull,length){var len=length>0?length:lengthBytesUTF8(stringy)+1;var u8array=new Array(len);var numBytesWritten=stringToUTF8Array(stringy,u8array,0,u8array.length);if(dontAddNull)u8array.length=numBytesWritten;return u8array}Module["intArrayFromString"]=intArrayFromString;function intArrayToString(array){var ret=[];for(var i=0;i<array.length;i++){var chr=array[i];if(chr>255){chr&=255}ret.push(String.fromCharCode(chr))}return ret.join("")}Module["intArrayToString"]=intArrayToString;function writeStringToMemory(string,buffer,dontAddNull){Runtime.warnOnce("writeStringToMemory is deprecated and should not be called! Use stringToUTF8() instead!");var lastChar,end;if(dontAddNull){end=buffer+lengthBytesUTF8(string);lastChar=HEAP8[end]}stringToUTF8(string,buffer,Infinity);if(dontAddNull)HEAP8[end]=lastChar}Module["writeStringToMemory"]=writeStringToMemory;function writeArrayToMemory(array,buffer){HEAP8.set(array,buffer)}Module["writeArrayToMemory"]=writeArrayToMemory;function writeAsciiToMemory(str,buffer,dontAddNull){for(var i=0;i<str.length;++i){HEAP8[buffer++>>0]=str.charCodeAt(i)}if(!dontAddNull)HEAP8[buffer>>0]=0}Module["writeAsciiToMemory"]=writeAsciiToMemory;if(!Math["imul"]||Math["imul"](4294967295,5)!==-5)Math["imul"]=function imul(a,b){var ah=a>>>16;var al=a&65535;var bh=b>>>16;var bl=b&65535;return al*bl+(ah*bl+al*bh<<16)|0};Math.imul=Math["imul"];if(!Math["fround"]){var froundBuffer=new Float32Array(1);Math["fround"]=(function(x){froundBuffer[0]=x;return froundBuffer[0]})}Math.fround=Math["fround"];if(!Math["clz32"])Math["clz32"]=(function(x){x=x>>>0;for(var i=0;i<32;i++){if(x&1<<31-i)return i}return 32});Math.clz32=Math["clz32"];if(!Math["trunc"])Math["trunc"]=(function(x){return x<0?Math.ceil(x):Math.floor(x)});Math.trunc=Math["trunc"];var Math_abs=Math.abs;var Math_cos=Math.cos;var Math_sin=Math.sin;var Math_tan=Math.tan;var Math_acos=Math.acos;var Math_asin=Math.asin;var Math_atan=Math.atan;var Math_atan2=Math.atan2;var Math_exp=Math.exp;var Math_log=Math.log;var Math_sqrt=Math.sqrt;var Math_ceil=Math.ceil;var Math_floor=Math.floor;var Math_pow=Math.pow;var Math_imul=Math.imul;var Math_fround=Math.fround;var Math_round=Math.round;var Math_min=Math.min;var Math_clz32=Math.clz32;var Math_trunc=Math.trunc;var runDependencies=0;var runDependencyWatcher=null;var dependenciesFulfilled=null;function addRunDependency(id){runDependencies++;if(Module["monitorRunDependencies"]){Module["monitorRunDependencies"](runDependencies)}}Module["addRunDependency"]=addRunDependency;function removeRunDependency(id){runDependencies--;if(Module["monitorRunDependencies"]){Module["monitorRunDependencies"](runDependencies)}if(runDependencies==0){if(runDependencyWatcher!==null){clearInterval(runDependencyWatcher);runDependencyWatcher=null}if(dependenciesFulfilled){var callback=dependenciesFulfilled;dependenciesFulfilled=null;callback()}}}Module["removeRunDependency"]=removeRunDependency;Module["preloadedImages"]={};Module["preloadedAudios"]={};var memoryInitializer=null;function integrateWasmJS(Module){var method=Module["wasmJSMethod"]||"native-wasm";Module["wasmJSMethod"]=method;var wasmTextFile=Module["wasmTextFile"]||"webassemblyDemo.wast";var wasmBinaryFile=Module["wasmBinaryFile"]||"webassemblyDemo.wasm";var asmjsCodeFile=Module["asmjsCodeFile"]||"webassemblyDemo.temp.asm.js";if(typeof Module["locateFile"]==="function"){wasmTextFile=Module["locateFile"](wasmTextFile);wasmBinaryFile=Module["locateFile"](wasmBinaryFile);asmjsCodeFile=Module["locateFile"](asmjsCodeFile)}var wasmPageSize=64*1024;var asm2wasmImports={"f64-rem":(function(x,y){return x%y}),"f64-to-int":(function(x){return x|0}),"i32s-div":(function(x,y){return(x|0)/(y|0)|0}),"i32u-div":(function(x,y){return(x>>>0)/(y>>>0)>>>0}),"i32s-rem":(function(x,y){return(x|0)%(y|0)|0}),"i32u-rem":(function(x,y){return(x>>>0)%(y>>>0)>>>0}),"debugger":(function(){debugger})};var info={"global":null,"env":null,"asm2wasm":asm2wasmImports,"parent":Module};var exports=null;function lookupImport(mod,base){var lookup=info;if(mod.indexOf(".")<0){lookup=(lookup||{})[mod]}else{var parts=mod.split(".");lookup=(lookup||{})[parts[0]];lookup=(lookup||{})[parts[1]]}if(base){lookup=(lookup||{})[base]}if(lookup===undefined){abort("bad lookupImport to ("+mod+")."+base)}return lookup}function mergeMemory(newBuffer){var oldBuffer=Module["buffer"];if(newBuffer.byteLength<oldBuffer.byteLength){Module["printErr"]("the new buffer in mergeMemory is smaller than the previous one. in native wasm, we should grow memory here")}var oldView=new Int8Array(oldBuffer);var newView=new Int8Array(newBuffer);if(!memoryInitializer){oldView.set(newView.subarray(Module["STATIC_BASE"],Module["STATIC_BASE"]+Module["STATIC_BUMP"]),Module["STATIC_BASE"])}newView.set(oldView);updateGlobalBuffer(newBuffer);updateGlobalBufferViews()}var WasmTypes={none:0,i32:1,i64:2,f32:3,f64:4};function fixImports(imports){if(!0)return imports;var ret={};for(var i in imports){var fixed=i;if(fixed[0]=="_")fixed=fixed.substr(1);ret[fixed]=imports[i]}return ret}function getBinary(){try{var binary;if(Module["wasmBinary"]){binary=Module["wasmBinary"];binary=new Uint8Array(binary)}else if(Module["readBinary"]){binary=Module["readBinary"](wasmBinaryFile)}else{throw"on the web, we need the wasm binary to be preloaded and set on Module['wasmBinary']. emcc.py will do that for you when generating HTML (but not JS)"}return binary}catch(err){abort(err)}}function getBinaryPromise(){if(!Module["wasmBinary"]&&typeof fetch==="function"){return fetch(wasmBinaryFile,{credentials:"same-origin"}).then((function(response){if(!response["ok"]){throw"failed to load wasm binary file at '"+wasmBinaryFile+"'"}return response["arrayBuffer"]()}))}return new Promise((function(resolve,reject){resolve(getBinary())}))}function doNativeWasm(global,env,providedBuffer){if(typeof WebAssembly!=="object"){Module["printErr"]("no native wasm support detected");return false}if(!(Module["wasmMemory"]instanceof WebAssembly.Memory)){Module["printErr"]("no native wasm Memory in use");return false}env["memory"]=Module["wasmMemory"];info["global"]={"NaN":NaN,"Infinity":Infinity};info["global.Math"]=global.Math;info["env"]=env;function receiveInstance(instance){exports=instance.exports;if(exports.memory)mergeMemory(exports.memory);Module["asm"]=exports;Module["usingWasm"]=true;removeRunDependency("wasm-instantiate")}addRunDependency("wasm-instantiate");if(Module["instantiateWasm"]){try{return Module["instantiateWasm"](info,receiveInstance)}catch(e){Module["printErr"]("Module.instantiateWasm callback failed with error: "+e);return false}}getBinaryPromise().then((function(binary){return WebAssembly.instantiate(binary,info)})).then((function(output){receiveInstance(output["instance"])})).catch((function(reason){Module["printErr"]("failed to asynchronously prepare wasm: "+reason);abort(reason)}));return{}}Module["asmPreload"]=Module["asm"];var asmjsReallocBuffer=Module["reallocBuffer"];var wasmReallocBuffer=(function(size){var PAGE_MULTIPLE=Module["usingWasm"]?WASM_PAGE_SIZE:ASMJS_PAGE_SIZE;size=alignUp(size,PAGE_MULTIPLE);var old=Module["buffer"];var oldSize=old.byteLength;if(Module["usingWasm"]){try{var result=Module["wasmMemory"].grow((size-oldSize)/wasmPageSize);if(result!==(-1|0)){return Module["buffer"]=Module["wasmMemory"].buffer}else{return null}}catch(e){return null}}else{exports["__growWasmMemory"]((size-oldSize)/wasmPageSize);return Module["buffer"]!==old?Module["buffer"]:null}});Module["reallocBuffer"]=(function(size){if(finalMethod==="asmjs"){return asmjsReallocBuffer(size)}else{return wasmReallocBuffer(size)}});var finalMethod="";Module["asm"]=(function(global,env,providedBuffer){global=fixImports(global);env=fixImports(env);if(!env["table"]){var TABLE_SIZE=Module["wasmTableSize"];if(TABLE_SIZE===undefined)TABLE_SIZE=1024;var MAX_TABLE_SIZE=Module["wasmMaxTableSize"];if(typeof WebAssembly==="object"&&typeof WebAssembly.Table==="function"){if(MAX_TABLE_SIZE!==undefined){env["table"]=new WebAssembly.Table({"initial":TABLE_SIZE,"maximum":MAX_TABLE_SIZE,"element":"anyfunc"})}else{env["table"]=new WebAssembly.Table({"initial":TABLE_SIZE,element:"anyfunc"})}}else{env["table"]=new Array(TABLE_SIZE)}Module["wasmTable"]=env["table"]}if(!env["memoryBase"]){env["memoryBase"]=Module["STATIC_BASE"]}if(!env["tableBase"]){env["tableBase"]=0}var exports;exports=doNativeWasm(global,env,providedBuffer);return exports});var methodHandler=Module["asm"]}integrateWasmJS(Module);var ASM_CONSTS=[(function(){window.dispatchEvent(new CustomEvent("wasmLoaded"))}),(function(){window.waRunTime=Date.now()}),(function(){window.waRunTime=Date.now()-window.waRunTime}),(function(){window.printfVector=[]}),(function($0){window.printfVector.push($0)}),(function(){console.log(window.printfVector)})];function _emscripten_asm_const_i(code){return ASM_CONSTS[code]()}function _emscripten_asm_const_id(code,a0){return ASM_CONSTS[code](a0)}STATIC_BASE=Runtime.GLOBAL_BASE;STATICTOP=STATIC_BASE+10976;__ATINIT__.push({func:(function(){__GLOBAL__sub_I_webassemblyDemo_cpp()})});memoryInitializer=Module["wasmJSMethod"].indexOf("asmjs")>=0||Module["wasmJSMethod"].indexOf("interpret-asm2wasm")>=0?"webassemblyDemo.js.mem":null;var STATIC_BUMP=10976;Module["STATIC_BASE"]=STATIC_BASE;Module["STATIC_BUMP"]=STATIC_BUMP;var tempDoublePtr=STATICTOP;STATICTOP+=16;var GL={counter:1,lastError:0,buffers:[],mappedBuffers:{},programs:[],framebuffers:[],renderbuffers:[],textures:[],uniforms:[],shaders:[],vaos:[],contexts:[],currentContext:null,offscreenCanvases:{},timerQueriesEXT:[],byteSizeByTypeRoot:5120,byteSizeByType:[1,1,2,2,4,4,4,2,3,4,8],programInfos:{},stringCache:{},tempFixedLengthArray:[],packAlignment:4,unpackAlignment:4,init:(function(){GL.miniTempBuffer=new Float32Array(GL.MINI_TEMP_BUFFER_SIZE);for(var i=0;i<GL.MINI_TEMP_BUFFER_SIZE;i++){GL.miniTempBufferViews[i]=GL.miniTempBuffer.subarray(0,i+1)}for(var i=0;i<32;i++){GL.tempFixedLengthArray.push(new Array(i))}}),recordError:function recordError(errorCode){if(!GL.lastError){GL.lastError=errorCode}},getNewId:(function(table){var ret=GL.counter++;for(var i=table.length;i<ret;i++){table[i]=null}return ret}),MINI_TEMP_BUFFER_SIZE:256,miniTempBuffer:null,miniTempBufferViews:[0],getSource:(function(shader,count,string,length){var source="";for(var i=0;i<count;++i){var frag;if(length){var len=HEAP32[length+i*4>>2];if(len<0){frag=Pointer_stringify(HEAP32[string+i*4>>2])}else{frag=Pointer_stringify(HEAP32[string+i*4>>2],len)}}else{frag=Pointer_stringify(HEAP32[string+i*4>>2])}source+=frag}return source}),createContext:(function(canvas,webGLContextAttributes){if(typeof webGLContextAttributes["majorVersion"]==="undefined"&&typeof webGLContextAttributes["minorVersion"]==="undefined"){webGLContextAttributes["majorVersion"]=1;webGLContextAttributes["minorVersion"]=0}var ctx;var errorInfo="?";function onContextCreationError(event){errorInfo=event.statusMessage||errorInfo}try{canvas.addEventListener("webglcontextcreationerror",onContextCreationError,false);try{if(webGLContextAttributes["majorVersion"]==1&&webGLContextAttributes["minorVersion"]==0){ctx=canvas.getContext("webgl",webGLContextAttributes)||canvas.getContext("experimental-webgl",webGLContextAttributes)}else if(webGLContextAttributes["majorVersion"]==2&&webGLContextAttributes["minorVersion"]==0){ctx=canvas.getContext("webgl2",webGLContextAttributes)}else{throw"Unsupported WebGL context version "+majorVersion+"."+minorVersion+"!"}}finally{canvas.removeEventListener("webglcontextcreationerror",onContextCreationError,false)}if(!ctx)throw":("}catch(e){Module.print("Could not create canvas: "+[errorInfo,e,JSON.stringify(webGLContextAttributes)]);return 0}if(!ctx)return 0;return GL.registerContext(ctx,webGLContextAttributes)}),registerContext:(function(ctx,webGLContextAttributes){var handle=GL.getNewId(GL.contexts);var context={handle:handle,attributes:webGLContextAttributes,version:webGLContextAttributes["majorVersion"],GLctx:ctx};if(ctx.canvas)ctx.canvas.GLctxObject=context;GL.contexts[handle]=context;if(typeof webGLContextAttributes["enableExtensionsByDefault"]==="undefined"||webGLContextAttributes["enableExtensionsByDefault"]){GL.initExtensions(context)}return handle}),makeContextCurrent:(function(contextHandle){var context=GL.contexts[contextHandle];if(!context)return false;GLctx=Module.ctx=context.GLctx;GL.currentContext=context;return true}),getContext:(function(contextHandle){return GL.contexts[contextHandle]}),deleteContext:(function(contextHandle){if(GL.currentContext===GL.contexts[contextHandle])GL.currentContext=null;if(typeof JSEvents==="object")JSEvents.removeAllHandlersOnTarget(GL.contexts[contextHandle].GLctx.canvas);if(GL.contexts[contextHandle]&&GL.contexts[contextHandle].GLctx.canvas)GL.contexts[contextHandle].GLctx.canvas.GLctxObject=undefined;GL.contexts[contextHandle]=null}),initExtensions:(function(context){if(!context)context=GL.currentContext;if(context.initExtensionsDone)return;context.initExtensionsDone=true;var GLctx=context.GLctx;context.maxVertexAttribs=GLctx.getParameter(GLctx.MAX_VERTEX_ATTRIBS);if(context.version<2){var instancedArraysExt=GLctx.getExtension("ANGLE_instanced_arrays");if(instancedArraysExt){GLctx["vertexAttribDivisor"]=(function(index,divisor){instancedArraysExt["vertexAttribDivisorANGLE"](index,divisor)});GLctx["drawArraysInstanced"]=(function(mode,first,count,primcount){instancedArraysExt["drawArraysInstancedANGLE"](mode,first,count,primcount)});GLctx["drawElementsInstanced"]=(function(mode,count,type,indices,primcount){instancedArraysExt["drawElementsInstancedANGLE"](mode,count,type,indices,primcount)})}var vaoExt=GLctx.getExtension("OES_vertex_array_object");if(vaoExt){GLctx["createVertexArray"]=(function(){return vaoExt["createVertexArrayOES"]()});GLctx["deleteVertexArray"]=(function(vao){vaoExt["deleteVertexArrayOES"](vao)});GLctx["bindVertexArray"]=(function(vao){vaoExt["bindVertexArrayOES"](vao)});GLctx["isVertexArray"]=(function(vao){return vaoExt["isVertexArrayOES"](vao)})}var drawBuffersExt=GLctx.getExtension("WEBGL_draw_buffers");if(drawBuffersExt){GLctx["drawBuffers"]=(function(n,bufs){drawBuffersExt["drawBuffersWEBGL"](n,bufs)})}}GLctx.disjointTimerQueryExt=GLctx.getExtension("EXT_disjoint_timer_query");var automaticallyEnabledExtensions=["OES_texture_float","OES_texture_half_float","OES_standard_derivatives","OES_vertex_array_object","WEBGL_compressed_texture_s3tc","WEBGL_depth_texture","OES_element_index_uint","EXT_texture_filter_anisotropic","ANGLE_instanced_arrays","OES_texture_float_linear","OES_texture_half_float_linear","WEBGL_compressed_texture_atc","WEBGL_compressed_texture_pvrtc","EXT_color_buffer_half_float","WEBGL_color_buffer_float","EXT_frag_depth","EXT_sRGB","WEBGL_draw_buffers","WEBGL_shared_resources","EXT_shader_texture_lod","EXT_color_buffer_float"];var exts=GLctx.getSupportedExtensions();if(exts&&exts.length>0){GLctx.getSupportedExtensions().forEach((function(ext){if(automaticallyEnabledExtensions.indexOf(ext)!=-1){GLctx.getExtension(ext)}}))}}),populateUniformTable:(function(program){var p=GL.programs[program];GL.programInfos[program]={uniforms:{},maxUniformLength:0,maxAttributeLength:-1,maxUniformBlockNameLength:-1};var ptable=GL.programInfos[program];var utable=ptable.uniforms;var numUniforms=GLctx.getProgramParameter(p,GLctx.ACTIVE_UNIFORMS);for(var i=0;i<numUniforms;++i){var u=GLctx.getActiveUniform(p,i);var name=u.name;ptable.maxUniformLength=Math.max(ptable.maxUniformLength,name.length+1);if(name.indexOf("]",name.length-1)!==-1){var ls=name.lastIndexOf("[");name=name.slice(0,ls)}var loc=GLctx.getUniformLocation(p,name);if(loc!=null){var id=GL.getNewId(GL.uniforms);utable[name]=[u.size,id];GL.uniforms[id]=loc;for(var j=1;j<u.size;++j){var n=name+"["+j+"]";loc=GLctx.getUniformLocation(p,n);id=GL.getNewId(GL.uniforms);GL.uniforms[id]=loc}}}})};function emscriptenWebGLComputeImageSize(width,height,sizePerPixel,alignment){function roundedToNextMultipleOf(x,y){return Math.floor((x+y-1)/y)*y}var plainRowSize=width*sizePerPixel;var alignedRowSize=roundedToNextMultipleOf(plainRowSize,alignment);return height<=0?0:(height-1)*alignedRowSize+plainRowSize}function emscriptenWebGLGetTexPixelData(type,format,width,height,pixels,internalFormat){var sizePerPixel;var numChannels;switch(format){case 6406:case 6409:case 6402:numChannels=1;break;case 6410:numChannels=2;break;case 6407:case 35904:numChannels=3;break;case 6408:case 35906:numChannels=4;break;default:GL.recordError(1280);return null}switch(type){case 5121:sizePerPixel=numChannels*1;break;case 5123:case 36193:sizePerPixel=numChannels*2;break;case 5125:case 5126:sizePerPixel=numChannels*4;break;case 34042:sizePerPixel=4;break;case 33635:case 32819:case 32820:sizePerPixel=2;break;default:GL.recordError(1280);return null}var bytes=emscriptenWebGLComputeImageSize(width,height,sizePerPixel,GL.unpackAlignment);switch(type){case 5121:return HEAPU8.subarray(pixels,pixels+bytes);case 5126:return HEAPF32.subarray(pixels>>2,pixels+bytes>>2);case 5125:case 34042:return HEAPU32.subarray(pixels>>2,pixels+bytes>>2);case 5123:case 33635:case 32819:case 32820:case 36193:return HEAPU16.subarray(pixels>>1,pixels+bytes>>1);default:GL.recordError(1280);return null}}function _glTexImage2D(target,level,internalFormat,width,height,border,format,type,pixels){var pixelData=null;if(pixels)pixelData=emscriptenWebGLGetTexPixelData(type,format,width,height,pixels,internalFormat);GLctx.texImage2D(target,level,internalFormat,width,height,border,format,type,pixelData)}function __ZSt18uncaught_exceptionv(){return!!__ZSt18uncaught_exceptionv.uncaught_exception}var EXCEPTIONS={last:0,caught:[],infos:{},deAdjust:(function(adjusted){if(!adjusted||EXCEPTIONS.infos[adjusted])return adjusted;for(var ptr in EXCEPTIONS.infos){var info=EXCEPTIONS.infos[ptr];if(info.adjusted===adjusted){return ptr}}return adjusted}),addRef:(function(ptr){if(!ptr)return;var info=EXCEPTIONS.infos[ptr];info.refcount++}),decRef:(function(ptr){if(!ptr)return;var info=EXCEPTIONS.infos[ptr];assert(info.refcount>0);info.refcount--;if(info.refcount===0&&!info.rethrown){if(info.destructor){Module["dynCall_vi"](info.destructor,ptr)}delete EXCEPTIONS.infos[ptr];___cxa_free_exception(ptr)}}),clearRef:(function(ptr){if(!ptr)return;var info=EXCEPTIONS.infos[ptr];info.refcount=0})};function ___resumeException(ptr){if(!EXCEPTIONS.last){EXCEPTIONS.last=ptr}throw ptr}function ___cxa_find_matching_catch(){var thrown=EXCEPTIONS.last;if(!thrown){return(Runtime.setTempRet0(0),0)|0}var info=EXCEPTIONS.infos[thrown];var throwntype=info.type;if(!throwntype){return(Runtime.setTempRet0(0),thrown)|0}var typeArray=Array.prototype.slice.call(arguments);var pointer=Module["___cxa_is_pointer_type"](throwntype);if(!___cxa_find_matching_catch.buffer)___cxa_find_matching_catch.buffer=_malloc(4);HEAP32[___cxa_find_matching_catch.buffer>>2]=thrown;thrown=___cxa_find_matching_catch.buffer;for(var i=0;i<typeArray.length;i++){if(typeArray[i]&&Module["___cxa_can_catch"](typeArray[i],throwntype,thrown)){thrown=HEAP32[thrown>>2];info.adjusted=thrown;return(Runtime.setTempRet0(typeArray[i]),thrown)|0}}thrown=HEAP32[thrown>>2];return(Runtime.setTempRet0(throwntype),thrown)|0}function ___cxa_throw(ptr,type,destructor){EXCEPTIONS.infos[ptr]={ptr:ptr,adjusted:ptr,type:type,destructor:destructor,refcount:0,caught:false,rethrown:false};EXCEPTIONS.last=ptr;if(!("uncaught_exception"in __ZSt18uncaught_exceptionv)){__ZSt18uncaught_exceptionv.uncaught_exception=1}else{__ZSt18uncaught_exceptionv.uncaught_exception++}throw ptr}function _glUseProgram(program){GLctx.useProgram(program?GL.programs[program]:null)}function _glVertexAttribPointer(index,size,type,normalized,stride,ptr){GLctx.vertexAttribPointer(index,size,type,!!normalized,stride,ptr)}function _glGetShaderInfoLog(shader,maxLength,length,infoLog){var log=GLctx.getShaderInfoLog(GL.shaders[shader]);if(log===null)log="(unknown error)";if(maxLength>0&&infoLog){var numBytesWrittenExclNull=stringToUTF8(log,infoLog,maxLength);if(length)HEAP32[length>>2]=numBytesWrittenExclNull}else{if(length)HEAP32[length>>2]=0}}function _glBindTexture(target,texture){GLctx.bindTexture(target,texture?GL.textures[texture]:null)}function _abort(){Module["abort"]()}function _glLinkProgram(program){GLctx.linkProgram(GL.programs[program]);GL.programInfos[program]=null;GL.populateUniformTable(program)}function _glShaderSource(shader,count,string,length){var source=GL.getSource(shader,count,string,length);GLctx.shaderSource(GL.shaders[shader],source)}function _glGetUniformLocation(program,name){name=Pointer_stringify(name);var arrayOffset=0;if(name.indexOf("]",name.length-1)!==-1){var ls=name.lastIndexOf("[");var arrayIndex=name.slice(ls+1,-1);if(arrayIndex.length>0){arrayOffset=parseInt(arrayIndex);if(arrayOffset<0){return-1}}name=name.slice(0,ls)}var ptable=GL.programInfos[program];if(!ptable){return-1}var utable=ptable.uniforms;var uniformInfo=utable[name];if(uniformInfo&&arrayOffset<uniformInfo[0]){return uniformInfo[1]+arrayOffset}else{return-1}}function _glBindFramebuffer(target,framebuffer){GLctx.bindFramebuffer(target,framebuffer?GL.framebuffers[framebuffer]:null)}function _glDrawArrays(mode,first,count){GLctx.drawArrays(mode,first,count)}var PTHREAD_SPECIFIC={};function _pthread_getspecific(key){return PTHREAD_SPECIFIC[key]||0}function _glGetString(name_){if(GL.stringCache[name_])return GL.stringCache[name_];var ret;switch(name_){case 7936:case 7937:case 37445:case 37446:ret=allocate(intArrayFromString(GLctx.getParameter(name_)),"i8",ALLOC_NORMAL);break;case 7938:var glVersion=GLctx.getParameter(GLctx.VERSION);{glVersion="OpenGL ES 2.0 ("+glVersion+")"}ret=allocate(intArrayFromString(glVersion),"i8",ALLOC_NORMAL);break;case 7939:var exts=GLctx.getSupportedExtensions();var gl_exts=[];for(var i=0;i<exts.length;++i){gl_exts.push(exts[i]);gl_exts.push("GL_"+exts[i])}ret=allocate(intArrayFromString(gl_exts.join(" ")),"i8",ALLOC_NORMAL);break;case 35724:var glslVersion=GLctx.getParameter(GLctx.SHADING_LANGUAGE_VERSION);var ver_re=/^WebGL GLSL ES ([0-9]\.[0-9][0-9]?)(?:$| .*)/;var ver_num=glslVersion.match(ver_re);if(ver_num!==null){if(ver_num[1].length==3)ver_num[1]=ver_num[1]+"0";glslVersion="OpenGL ES GLSL ES "+ver_num[1]+" ("+glslVersion+")"}ret=allocate(intArrayFromString(glslVersion),"i8",ALLOC_NORMAL);break;default:GL.recordError(1280);return 0}GL.stringCache[name_]=ret;return ret}function _llvm_stackrestore(p){var self=_llvm_stacksave;var ret=self.LLVM_SAVEDSTACKS[p];self.LLVM_SAVEDSTACKS.splice(p,1);Runtime.stackRestore(ret)}var PTHREAD_SPECIFIC_NEXT_KEY=1;var ERRNO_CODES={EPERM:1,ENOENT:2,ESRCH:3,EINTR:4,EIO:5,ENXIO:6,E2BIG:7,ENOEXEC:8,EBADF:9,ECHILD:10,EAGAIN:11,EWOULDBLOCK:11,ENOMEM:12,EACCES:13,EFAULT:14,ENOTBLK:15,EBUSY:16,EEXIST:17,EXDEV:18,ENODEV:19,ENOTDIR:20,EISDIR:21,EINVAL:22,ENFILE:23,EMFILE:24,ENOTTY:25,ETXTBSY:26,EFBIG:27,ENOSPC:28,ESPIPE:29,EROFS:30,EMLINK:31,EPIPE:32,EDOM:33,ERANGE:34,ENOMSG:42,EIDRM:43,ECHRNG:44,EL2NSYNC:45,EL3HLT:46,EL3RST:47,ELNRNG:48,EUNATCH:49,ENOCSI:50,EL2HLT:51,EDEADLK:35,ENOLCK:37,EBADE:52,EBADR:53,EXFULL:54,ENOANO:55,EBADRQC:56,EBADSLT:57,EDEADLOCK:35,EBFONT:59,ENOSTR:60,ENODATA:61,ETIME:62,ENOSR:63,ENONET:64,ENOPKG:65,EREMOTE:66,ENOLINK:67,EADV:68,ESRMNT:69,ECOMM:70,EPROTO:71,EMULTIHOP:72,EDOTDOT:73,EBADMSG:74,ENOTUNIQ:76,EBADFD:77,EREMCHG:78,ELIBACC:79,ELIBBAD:80,ELIBSCN:81,ELIBMAX:82,ELIBEXEC:83,ENOSYS:38,ENOTEMPTY:39,ENAMETOOLONG:36,ELOOP:40,EOPNOTSUPP:95,EPFNOSUPPORT:96,ECONNRESET:104,ENOBUFS:105,EAFNOSUPPORT:97,EPROTOTYPE:91,ENOTSOCK:88,ENOPROTOOPT:92,ESHUTDOWN:108,ECONNREFUSED:111,EADDRINUSE:98,ECONNABORTED:103,ENETUNREACH:101,ENETDOWN:100,ETIMEDOUT:110,EHOSTDOWN:112,EHOSTUNREACH:113,EINPROGRESS:115,EALREADY:114,EDESTADDRREQ:89,EMSGSIZE:90,EPROTONOSUPPORT:93,ESOCKTNOSUPPORT:94,EADDRNOTAVAIL:99,ENETRESET:102,EISCONN:106,ENOTCONN:107,ETOOMANYREFS:109,EUSERS:87,EDQUOT:122,ESTALE:116,ENOTSUP:95,ENOMEDIUM:123,EILSEQ:84,EOVERFLOW:75,ECANCELED:125,ENOTRECOVERABLE:131,EOWNERDEAD:130,ESTRPIPE:86};function _pthread_key_create(key,destructor){if(key==0){return ERRNO_CODES.EINVAL}HEAP32[key>>2]=PTHREAD_SPECIFIC_NEXT_KEY;PTHREAD_SPECIFIC[PTHREAD_SPECIFIC_NEXT_KEY]=0;PTHREAD_SPECIFIC_NEXT_KEY++;return 0}function _glBufferData(target,size,data,usage){if(!data){GLctx.bufferData(target,size,usage)}else{GLctx.bufferData(target,HEAPU8.subarray(data,data+size),usage)}}function _glGenBuffers(n,buffers){for(var i=0;i<n;i++){var buffer=GLctx.createBuffer();if(!buffer){GL.recordError(1282);while(i<n)HEAP32[buffers+i++*4>>2]=0;return}var id=GL.getNewId(GL.buffers);buffer.name=id;GL.buffers[id]=buffer;HEAP32[buffers+i*4>>2]=id}}function _glActiveTexture(x0){GLctx["activeTexture"](x0)}function _glEnableVertexAttribArray(index){GLctx.enableVertexAttribArray(index)}function _glGetAttribLocation(program,name){program=GL.programs[program];name=Pointer_stringify(name);return GLctx.getAttribLocation(program,name)}function _glBindBuffer(target,buffer){var bufferObj=buffer?GL.buffers[buffer]:null;GLctx.bindBuffer(target,bufferObj)}var JSEvents={keyEvent:0,mouseEvent:0,wheelEvent:0,uiEvent:0,focusEvent:0,deviceOrientationEvent:0,deviceMotionEvent:0,fullscreenChangeEvent:0,pointerlockChangeEvent:0,visibilityChangeEvent:0,touchEvent:0,lastGamepadState:null,lastGamepadStateFrame:null,numGamepadsConnected:0,previousFullscreenElement:null,previousScreenX:null,previousScreenY:null,removeEventListenersRegistered:false,staticInit:(function(){if(typeof window!=="undefined"){window.addEventListener("gamepadconnected",(function(){++JSEvents.numGamepadsConnected}));window.addEventListener("gamepaddisconnected",(function(){--JSEvents.numGamepadsConnected}));var firstState=navigator.getGamepads?navigator.getGamepads():navigator.webkitGetGamepads?navigator.webkitGetGamepads():null;if(firstState){JSEvents.numGamepadsConnected=firstState.length}}}),registerRemoveEventListeners:(function(){if(!JSEvents.removeEventListenersRegistered){__ATEXIT__.push((function(){for(var i=JSEvents.eventHandlers.length-1;i>=0;--i){JSEvents._removeHandler(i)}}));JSEvents.removeEventListenersRegistered=true}}),findEventTarget:(function(target){if(target){if(typeof target=="number"){target=Pointer_stringify(target)}if(target=="#window")return window;else if(target=="#document")return document;else if(target=="#screen")return window.screen;else if(target=="#canvas")return Module["canvas"];if(typeof target=="string")return document.getElementById(target);else return target}else{return window}}),deferredCalls:[],deferCall:(function(targetFunction,precedence,argsList){function arraysHaveEqualContent(arrA,arrB){if(arrA.length!=arrB.length)return false;for(var i in arrA){if(arrA[i]!=arrB[i])return false}return true}for(var i in JSEvents.deferredCalls){var call=JSEvents.deferredCalls[i];if(call.targetFunction==targetFunction&&arraysHaveEqualContent(call.argsList,argsList)){return}}JSEvents.deferredCalls.push({targetFunction:targetFunction,precedence:precedence,argsList:argsList});JSEvents.deferredCalls.sort((function(x,y){return x.precedence<y.precedence}))}),removeDeferredCalls:(function(targetFunction){for(var i=0;i<JSEvents.deferredCalls.length;++i){if(JSEvents.deferredCalls[i].targetFunction==targetFunction){JSEvents.deferredCalls.splice(i,1);--i}}}),canPerformEventHandlerRequests:(function(){return JSEvents.inEventHandler&&JSEvents.currentEventHandler.allowsDeferredCalls}),runDeferredCalls:(function(){if(!JSEvents.canPerformEventHandlerRequests()){return}for(var i=0;i<JSEvents.deferredCalls.length;++i){var call=JSEvents.deferredCalls[i];JSEvents.deferredCalls.splice(i,1);--i;call.targetFunction.apply(this,call.argsList)}}),inEventHandler:0,currentEventHandler:null,eventHandlers:[],isInternetExplorer:(function(){return navigator.userAgent.indexOf("MSIE")!==-1||navigator.appVersion.indexOf("Trident/")>0}),removeAllHandlersOnTarget:(function(target,eventTypeString){for(var i=0;i<JSEvents.eventHandlers.length;++i){if(JSEvents.eventHandlers[i].target==target&&(!eventTypeString||eventTypeString==JSEvents.eventHandlers[i].eventTypeString)){JSEvents._removeHandler(i--)}}}),_removeHandler:(function(i){var h=JSEvents.eventHandlers[i];h.target.removeEventListener(h.eventTypeString,h.eventListenerFunc,h.useCapture);JSEvents.eventHandlers.splice(i,1)}),registerOrRemoveHandler:(function(eventHandler){var jsEventHandler=function jsEventHandler(event){++JSEvents.inEventHandler;JSEvents.currentEventHandler=eventHandler;JSEvents.runDeferredCalls();eventHandler.handlerFunc(event);JSEvents.runDeferredCalls();--JSEvents.inEventHandler};if(eventHandler.callbackfunc){eventHandler.eventListenerFunc=jsEventHandler;eventHandler.target.addEventListener(eventHandler.eventTypeString,jsEventHandler,eventHandler.useCapture);JSEvents.eventHandlers.push(eventHandler);JSEvents.registerRemoveEventListeners()}else{for(var i=0;i<JSEvents.eventHandlers.length;++i){if(JSEvents.eventHandlers[i].target==eventHandler.target&&JSEvents.eventHandlers[i].eventTypeString==eventHandler.eventTypeString){JSEvents._removeHandler(i--)}}}}),registerKeyEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!JSEvents.keyEvent){JSEvents.keyEvent=_malloc(164)}var handlerFunc=(function(event){var e=event||window.event;stringToUTF8(e.key?e.key:"",JSEvents.keyEvent+0,32);stringToUTF8(e.code?e.code:"",JSEvents.keyEvent+32,32);HEAP32[JSEvents.keyEvent+64>>2]=e.location;HEAP32[JSEvents.keyEvent+68>>2]=e.ctrlKey;HEAP32[JSEvents.keyEvent+72>>2]=e.shiftKey;HEAP32[JSEvents.keyEvent+76>>2]=e.altKey;HEAP32[JSEvents.keyEvent+80>>2]=e.metaKey;HEAP32[JSEvents.keyEvent+84>>2]=e.repeat;stringToUTF8(e.locale?e.locale:"",JSEvents.keyEvent+88,32);stringToUTF8(e.char?e.char:"",JSEvents.keyEvent+120,32);HEAP32[JSEvents.keyEvent+152>>2]=e.charCode;HEAP32[JSEvents.keyEvent+156>>2]=e.keyCode;HEAP32[JSEvents.keyEvent+160>>2]=e.which;var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.keyEvent,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:JSEvents.findEventTarget(target),allowsDeferredCalls:JSEvents.isInternetExplorer()?false:true,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),getBoundingClientRectOrZeros:(function(target){return target.getBoundingClientRect?target.getBoundingClientRect():{left:0,top:0}}),fillMouseEventData:(function(eventStruct,e,target){HEAPF64[eventStruct>>3]=JSEvents.tick();HEAP32[eventStruct+8>>2]=e.screenX;HEAP32[eventStruct+12>>2]=e.screenY;HEAP32[eventStruct+16>>2]=e.clientX;HEAP32[eventStruct+20>>2]=e.clientY;HEAP32[eventStruct+24>>2]=e.ctrlKey;HEAP32[eventStruct+28>>2]=e.shiftKey;HEAP32[eventStruct+32>>2]=e.altKey;HEAP32[eventStruct+36>>2]=e.metaKey;HEAP16[eventStruct+40>>1]=e.button;HEAP16[eventStruct+42>>1]=e.buttons;HEAP32[eventStruct+44>>2]=e["movementX"]||e["mozMovementX"]||e["webkitMovementX"]||e.screenX-JSEvents.previousScreenX;HEAP32[eventStruct+48>>2]=e["movementY"]||e["mozMovementY"]||e["webkitMovementY"]||e.screenY-JSEvents.previousScreenY;if(Module["canvas"]){var rect=Module["canvas"].getBoundingClientRect();HEAP32[eventStruct+60>>2]=e.clientX-rect.left;HEAP32[eventStruct+64>>2]=e.clientY-rect.top}else{HEAP32[eventStruct+60>>2]=0;HEAP32[eventStruct+64>>2]=0}if(target){var rect=JSEvents.getBoundingClientRectOrZeros(target);HEAP32[eventStruct+52>>2]=e.clientX-rect.left;HEAP32[eventStruct+56>>2]=e.clientY-rect.top}else{HEAP32[eventStruct+52>>2]=0;HEAP32[eventStruct+56>>2]=0}if(e.type!=="wheel"&&e.type!=="mousewheel"){JSEvents.previousScreenX=e.screenX;JSEvents.previousScreenY=e.screenY}}),registerMouseEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!JSEvents.mouseEvent){JSEvents.mouseEvent=_malloc(72)}target=JSEvents.findEventTarget(target);var handlerFunc=(function(event){var e=event||window.event;JSEvents.fillMouseEventData(JSEvents.mouseEvent,e,target);var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.mouseEvent,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:target,allowsDeferredCalls:eventTypeString!="mousemove"&&eventTypeString!="mouseenter"&&eventTypeString!="mouseleave",eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};if(JSEvents.isInternetExplorer()&&eventTypeString=="mousedown")eventHandler.allowsDeferredCalls=false;JSEvents.registerOrRemoveHandler(eventHandler)}),registerWheelEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!JSEvents.wheelEvent){JSEvents.wheelEvent=_malloc(104)}target=JSEvents.findEventTarget(target);var wheelHandlerFunc=(function(event){var e=event||window.event;JSEvents.fillMouseEventData(JSEvents.wheelEvent,e,target);HEAPF64[JSEvents.wheelEvent+72>>3]=e["deltaX"];HEAPF64[JSEvents.wheelEvent+80>>3]=e["deltaY"];HEAPF64[JSEvents.wheelEvent+88>>3]=e["deltaZ"];HEAP32[JSEvents.wheelEvent+96>>2]=e["deltaMode"];var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.wheelEvent,userData);if(shouldCancel){e.preventDefault()}});var mouseWheelHandlerFunc=(function(event){var e=event||window.event;JSEvents.fillMouseEventData(JSEvents.wheelEvent,e,target);HEAPF64[JSEvents.wheelEvent+72>>3]=e["wheelDeltaX"]||0;HEAPF64[JSEvents.wheelEvent+80>>3]=-(e["wheelDeltaY"]?e["wheelDeltaY"]:e["wheelDelta"]);HEAPF64[JSEvents.wheelEvent+88>>3]=0;HEAP32[JSEvents.wheelEvent+96>>2]=0;var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.wheelEvent,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:target,allowsDeferredCalls:true,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:eventTypeString=="wheel"?wheelHandlerFunc:mouseWheelHandlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),pageScrollPos:(function(){if(window.pageXOffset>0||window.pageYOffset>0){return[window.pageXOffset,window.pageYOffset]}if(typeof document.documentElement.scrollLeft!=="undefined"||typeof document.documentElement.scrollTop!=="undefined"){return[document.documentElement.scrollLeft,document.documentElement.scrollTop]}return[document.body.scrollLeft|0,document.body.scrollTop|0]}),registerUiEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!JSEvents.uiEvent){JSEvents.uiEvent=_malloc(36)}if(eventTypeString=="scroll"&&!target){target=document}else{target=JSEvents.findEventTarget(target)}var handlerFunc=(function(event){var e=event||window.event;if(e.target!=target){return}var scrollPos=JSEvents.pageScrollPos();HEAP32[JSEvents.uiEvent>>2]=e.detail;HEAP32[JSEvents.uiEvent+4>>2]=document.body.clientWidth;HEAP32[JSEvents.uiEvent+8>>2]=document.body.clientHeight;HEAP32[JSEvents.uiEvent+12>>2]=window.innerWidth;HEAP32[JSEvents.uiEvent+16>>2]=window.innerHeight;HEAP32[JSEvents.uiEvent+20>>2]=window.outerWidth;HEAP32[JSEvents.uiEvent+24>>2]=window.outerHeight;HEAP32[JSEvents.uiEvent+28>>2]=scrollPos[0];HEAP32[JSEvents.uiEvent+32>>2]=scrollPos[1];var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.uiEvent,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:target,allowsDeferredCalls:false,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),getNodeNameForTarget:(function(target){if(!target)return"";if(target==window)return"#window";if(target==window.screen)return"#screen";return target&&target.nodeName?target.nodeName:""}),registerFocusEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!JSEvents.focusEvent){JSEvents.focusEvent=_malloc(256)}var handlerFunc=(function(event){var e=event||window.event;var nodeName=JSEvents.getNodeNameForTarget(e.target);var id=e.target.id?e.target.id:"";stringToUTF8(nodeName,JSEvents.focusEvent+0,128);stringToUTF8(id,JSEvents.focusEvent+128,128);var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.focusEvent,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:JSEvents.findEventTarget(target),allowsDeferredCalls:false,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),tick:(function(){if(window["performance"]&&window["performance"]["now"])return window["performance"]["now"]();else return Date.now()}),registerDeviceOrientationEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!JSEvents.deviceOrientationEvent){JSEvents.deviceOrientationEvent=_malloc(40)}var handlerFunc=(function(event){var e=event||window.event;HEAPF64[JSEvents.deviceOrientationEvent>>3]=JSEvents.tick();HEAPF64[JSEvents.deviceOrientationEvent+8>>3]=e.alpha;HEAPF64[JSEvents.deviceOrientationEvent+16>>3]=e.beta;HEAPF64[JSEvents.deviceOrientationEvent+24>>3]=e.gamma;HEAP32[JSEvents.deviceOrientationEvent+32>>2]=e.absolute;var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.deviceOrientationEvent,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:JSEvents.findEventTarget(target),allowsDeferredCalls:false,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),registerDeviceMotionEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!JSEvents.deviceMotionEvent){JSEvents.deviceMotionEvent=_malloc(80)}var handlerFunc=(function(event){var e=event||window.event;HEAPF64[JSEvents.deviceMotionEvent>>3]=JSEvents.tick();HEAPF64[JSEvents.deviceMotionEvent+8>>3]=e.acceleration.x;HEAPF64[JSEvents.deviceMotionEvent+16>>3]=e.acceleration.y;HEAPF64[JSEvents.deviceMotionEvent+24>>3]=e.acceleration.z;HEAPF64[JSEvents.deviceMotionEvent+32>>3]=e.accelerationIncludingGravity.x;HEAPF64[JSEvents.deviceMotionEvent+40>>3]=e.accelerationIncludingGravity.y;HEAPF64[JSEvents.deviceMotionEvent+48>>3]=e.accelerationIncludingGravity.z;HEAPF64[JSEvents.deviceMotionEvent+56>>3]=e.rotationRate.alpha;HEAPF64[JSEvents.deviceMotionEvent+64>>3]=e.rotationRate.beta;HEAPF64[JSEvents.deviceMotionEvent+72>>3]=e.rotationRate.gamma;var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.deviceMotionEvent,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:JSEvents.findEventTarget(target),allowsDeferredCalls:false,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),screenOrientation:(function(){if(!window.screen)return undefined;return window.screen.orientation||window.screen.mozOrientation||window.screen.webkitOrientation||window.screen.msOrientation}),fillOrientationChangeEventData:(function(eventStruct,e){var orientations=["portrait-primary","portrait-secondary","landscape-primary","landscape-secondary"];var orientations2=["portrait","portrait","landscape","landscape"];var orientationString=JSEvents.screenOrientation();var orientation=orientations.indexOf(orientationString);if(orientation==-1){orientation=orientations2.indexOf(orientationString)}HEAP32[eventStruct>>2]=1<<orientation;HEAP32[eventStruct+4>>2]=window.orientation}),registerOrientationChangeEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!JSEvents.orientationChangeEvent){JSEvents.orientationChangeEvent=_malloc(8)}if(!target){target=window.screen}else{target=JSEvents.findEventTarget(target)}var handlerFunc=(function(event){var e=event||window.event;JSEvents.fillOrientationChangeEventData(JSEvents.orientationChangeEvent,e);var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.orientationChangeEvent,userData);if(shouldCancel){e.preventDefault()}});if(eventTypeString=="orientationchange"&&window.screen.mozOrientation!==undefined){eventTypeString="mozorientationchange"}var eventHandler={target:target,allowsDeferredCalls:false,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),fullscreenEnabled:(function(){return document.fullscreenEnabled||document.mozFullScreenEnabled||document.webkitFullscreenEnabled||document.msFullscreenEnabled}),fillFullscreenChangeEventData:(function(eventStruct,e){var fullscreenElement=document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement;var isFullscreen=!!fullscreenElement;HEAP32[eventStruct>>2]=isFullscreen;HEAP32[eventStruct+4>>2]=JSEvents.fullscreenEnabled();var reportedElement=isFullscreen?fullscreenElement:JSEvents.previousFullscreenElement;var nodeName=JSEvents.getNodeNameForTarget(reportedElement);var id=reportedElement&&reportedElement.id?reportedElement.id:"";stringToUTF8(nodeName,eventStruct+8,128);stringToUTF8(id,eventStruct+136,128);HEAP32[eventStruct+264>>2]=reportedElement?reportedElement.clientWidth:0;HEAP32[eventStruct+268>>2]=reportedElement?reportedElement.clientHeight:0;HEAP32[eventStruct+272>>2]=screen.width;HEAP32[eventStruct+276>>2]=screen.height;if(isFullscreen){JSEvents.previousFullscreenElement=fullscreenElement}}),registerFullscreenChangeEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!JSEvents.fullscreenChangeEvent){JSEvents.fullscreenChangeEvent=_malloc(280)}if(!target){target=document}else{target=JSEvents.findEventTarget(target)}var handlerFunc=(function(event){var e=event||window.event;JSEvents.fillFullscreenChangeEventData(JSEvents.fullscreenChangeEvent,e);var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.fullscreenChangeEvent,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:target,allowsDeferredCalls:false,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),resizeCanvasForFullscreen:(function(target,strategy){var restoreOldStyle=__registerRestoreOldStyle(target);var cssWidth=strategy.softFullscreen?window.innerWidth:screen.width;var cssHeight=strategy.softFullscreen?window.innerHeight:screen.height;var rect=target.getBoundingClientRect();var windowedCssWidth=rect.right-rect.left;var windowedCssHeight=rect.bottom-rect.top;var windowedRttWidth=target.width;var windowedRttHeight=target.height;if(strategy.scaleMode==3){__setLetterbox(target,(cssHeight-windowedCssHeight)/2,(cssWidth-windowedCssWidth)/2);cssWidth=windowedCssWidth;cssHeight=windowedCssHeight}else if(strategy.scaleMode==2){if(cssWidth*windowedRttHeight<windowedRttWidth*cssHeight){var desiredCssHeight=windowedRttHeight*cssWidth/windowedRttWidth;__setLetterbox(target,(cssHeight-desiredCssHeight)/2,0);cssHeight=desiredCssHeight}else{var desiredCssWidth=windowedRttWidth*cssHeight/windowedRttHeight;__setLetterbox(target,0,(cssWidth-desiredCssWidth)/2);cssWidth=desiredCssWidth}}if(!target.style.backgroundColor)target.style.backgroundColor="black";if(!document.body.style.backgroundColor)document.body.style.backgroundColor="black";target.style.width=cssWidth+"px";target.style.height=cssHeight+"px";if(strategy.filteringMode==1){target.style.imageRendering="optimizeSpeed";target.style.imageRendering="-moz-crisp-edges";target.style.imageRendering="-o-crisp-edges";target.style.imageRendering="-webkit-optimize-contrast";target.style.imageRendering="optimize-contrast";target.style.imageRendering="crisp-edges";target.style.imageRendering="pixelated"}var dpiScale=strategy.canvasResolutionScaleMode==2?window.devicePixelRatio:1;if(strategy.canvasResolutionScaleMode!=0){target.width=cssWidth*dpiScale;target.height=cssHeight*dpiScale;if(target.GLctxObject)target.GLctxObject.GLctx.viewport(0,0,target.width,target.height)}return restoreOldStyle}),requestFullscreen:(function(target,strategy){if(strategy.scaleMode!=0||strategy.canvasResolutionScaleMode!=0){JSEvents.resizeCanvasForFullscreen(target,strategy)}if(target.requestFullscreen){target.requestFullscreen()}else if(target.msRequestFullscreen){target.msRequestFullscreen()}else if(target.mozRequestFullScreen){target.mozRequestFullScreen()}else if(target.mozRequestFullscreen){target.mozRequestFullscreen()}else if(target.webkitRequestFullscreen){target.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT)}else{if(typeof JSEvents.fullscreenEnabled()==="undefined"){return-1}else{return-3}}if(strategy.canvasResizedCallback){Module["dynCall_iiii"](strategy.canvasResizedCallback,37,0,strategy.canvasResizedCallbackUserData)}return 0}),fillPointerlockChangeEventData:(function(eventStruct,e){var pointerLockElement=document.pointerLockElement||document.mozPointerLockElement||document.webkitPointerLockElement||document.msPointerLockElement;var isPointerlocked=!!pointerLockElement;HEAP32[eventStruct>>2]=isPointerlocked;var nodeName=JSEvents.getNodeNameForTarget(pointerLockElement);var id=pointerLockElement&&pointerLockElement.id?pointerLockElement.id:"";stringToUTF8(nodeName,eventStruct+4,128);stringToUTF8(id,eventStruct+132,128)}),registerPointerlockChangeEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!JSEvents.pointerlockChangeEvent){JSEvents.pointerlockChangeEvent=_malloc(260)}if(!target){target=document}else{target=JSEvents.findEventTarget(target)}var handlerFunc=(function(event){var e=event||window.event;JSEvents.fillPointerlockChangeEventData(JSEvents.pointerlockChangeEvent,e);var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.pointerlockChangeEvent,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:target,allowsDeferredCalls:false,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),registerPointerlockErrorEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!target){target=document}else{target=JSEvents.findEventTarget(target)}var handlerFunc=(function(event){var e=event||window.event;var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,0,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:target,allowsDeferredCalls:false,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),requestPointerLock:(function(target){if(target.requestPointerLock){target.requestPointerLock()}else if(target.mozRequestPointerLock){target.mozRequestPointerLock()}else if(target.webkitRequestPointerLock){target.webkitRequestPointerLock()}else if(target.msRequestPointerLock){target.msRequestPointerLock()}else{if(document.body.requestPointerLock||document.body.mozRequestPointerLock||document.body.webkitRequestPointerLock||document.body.msRequestPointerLock){return-3}else{return-1}}return 0}),fillVisibilityChangeEventData:(function(eventStruct,e){var visibilityStates=["hidden","visible","prerender","unloaded"];var visibilityState=visibilityStates.indexOf(document.visibilityState);HEAP32[eventStruct>>2]=document.hidden;HEAP32[eventStruct+4>>2]=visibilityState}),registerVisibilityChangeEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!JSEvents.visibilityChangeEvent){JSEvents.visibilityChangeEvent=_malloc(8)}if(!target){target=document}else{target=JSEvents.findEventTarget(target)}var handlerFunc=(function(event){var e=event||window.event;JSEvents.fillVisibilityChangeEventData(JSEvents.visibilityChangeEvent,e);var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.visibilityChangeEvent,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:target,allowsDeferredCalls:false,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),registerTouchEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!JSEvents.touchEvent){JSEvents.touchEvent=_malloc(1684)}target=JSEvents.findEventTarget(target);var handlerFunc=(function(event){var e=event||window.event;var touches={};for(var i=0;i<e.touches.length;++i){var touch=e.touches[i];touches[touch.identifier]=touch}for(var i=0;i<e.changedTouches.length;++i){var touch=e.changedTouches[i];touches[touch.identifier]=touch;touch.changed=true}for(var i=0;i<e.targetTouches.length;++i){var touch=e.targetTouches[i];touches[touch.identifier].onTarget=true}var ptr=JSEvents.touchEvent;HEAP32[ptr+4>>2]=e.ctrlKey;HEAP32[ptr+8>>2]=e.shiftKey;HEAP32[ptr+12>>2]=e.altKey;HEAP32[ptr+16>>2]=e.metaKey;ptr+=20;var canvasRect=Module["canvas"]?Module["canvas"].getBoundingClientRect():undefined;var targetRect=JSEvents.getBoundingClientRectOrZeros(target);var numTouches=0;for(var i in touches){var t=touches[i];HEAP32[ptr>>2]=t.identifier;HEAP32[ptr+4>>2]=t.screenX;HEAP32[ptr+8>>2]=t.screenY;HEAP32[ptr+12>>2]=t.clientX;HEAP32[ptr+16>>2]=t.clientY;HEAP32[ptr+20>>2]=t.pageX;HEAP32[ptr+24>>2]=t.pageY;HEAP32[ptr+28>>2]=t.changed;HEAP32[ptr+32>>2]=t.onTarget;if(canvasRect){HEAP32[ptr+44>>2]=t.clientX-canvasRect.left;HEAP32[ptr+48>>2]=t.clientY-canvasRect.top}else{HEAP32[ptr+44>>2]=0;HEAP32[ptr+48>>2]=0}HEAP32[ptr+36>>2]=t.clientX-targetRect.left;HEAP32[ptr+40>>2]=t.clientY-targetRect.top;ptr+=52;if(++numTouches>=32){break}}HEAP32[JSEvents.touchEvent>>2]=numTouches;var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.touchEvent,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:target,allowsDeferredCalls:eventTypeString=="touchstart"||eventTypeString=="touchend",eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),fillGamepadEventData:(function(eventStruct,e){HEAPF64[eventStruct>>3]=e.timestamp;for(var i=0;i<e.axes.length;++i){HEAPF64[eventStruct+i*8+16>>3]=e.axes[i]}for(var i=0;i<e.buttons.length;++i){if(typeof e.buttons[i]==="object"){HEAPF64[eventStruct+i*8+528>>3]=e.buttons[i].value}else{HEAPF64[eventStruct+i*8+528>>3]=e.buttons[i]}}for(var i=0;i<e.buttons.length;++i){if(typeof e.buttons[i]==="object"){HEAP32[eventStruct+i*4+1040>>2]=e.buttons[i].pressed}else{HEAP32[eventStruct+i*4+1040>>2]=e.buttons[i]==1}}HEAP32[eventStruct+1296>>2]=e.connected;HEAP32[eventStruct+1300>>2]=e.index;HEAP32[eventStruct+8>>2]=e.axes.length;HEAP32[eventStruct+12>>2]=e.buttons.length;stringToUTF8(e.id,eventStruct+1304,64);stringToUTF8(e.mapping,eventStruct+1368,64)}),registerGamepadEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!JSEvents.gamepadEvent){JSEvents.gamepadEvent=_malloc(1432)}var handlerFunc=(function(event){var e=event||window.event;JSEvents.fillGamepadEventData(JSEvents.gamepadEvent,e.gamepad);var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.gamepadEvent,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:JSEvents.findEventTarget(target),allowsDeferredCalls:true,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),registerBeforeUnloadEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){var handlerFunc=(function(event){var e=event||window.event;var confirmationMessage=Module["dynCall_iiii"](callbackfunc,eventTypeId,0,userData);if(confirmationMessage){confirmationMessage=Pointer_stringify(confirmationMessage)}if(confirmationMessage){e.preventDefault();e.returnValue=confirmationMessage;return confirmationMessage}});var eventHandler={target:JSEvents.findEventTarget(target),allowsDeferredCalls:false,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),battery:(function(){return navigator.battery||navigator.mozBattery||navigator.webkitBattery}),fillBatteryEventData:(function(eventStruct,e){HEAPF64[eventStruct>>3]=e.chargingTime;HEAPF64[eventStruct+8>>3]=e.dischargingTime;HEAPF64[eventStruct+16>>3]=e.level;HEAP32[eventStruct+24>>2]=e.charging}),registerBatteryEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!JSEvents.batteryEvent){JSEvents.batteryEvent=_malloc(32)}var handlerFunc=(function(event){var e=event||window.event;JSEvents.fillBatteryEventData(JSEvents.batteryEvent,JSEvents.battery());var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,JSEvents.batteryEvent,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:JSEvents.findEventTarget(target),allowsDeferredCalls:false,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)}),registerWebGlEventCallback:(function(target,userData,useCapture,callbackfunc,eventTypeId,eventTypeString){if(!target){target=Module["canvas"]}var handlerFunc=(function(event){var e=event||window.event;var shouldCancel=Module["dynCall_iiii"](callbackfunc,eventTypeId,0,userData);if(shouldCancel){e.preventDefault()}});var eventHandler={target:JSEvents.findEventTarget(target),allowsDeferredCalls:false,eventTypeString:eventTypeString,callbackfunc:callbackfunc,handlerFunc:handlerFunc,useCapture:useCapture};JSEvents.registerOrRemoveHandler(eventHandler)})};function _emscripten_webgl_destroy_context(contextHandle){GL.deleteContext(contextHandle)}function _glReadPixels(x,y,width,height,format,type,pixels){var pixelData=emscriptenWebGLGetTexPixelData(type,format,width,height,pixels,format);if(!pixelData){GL.recordError(1280);return}GLctx.readPixels(x,y,width,height,format,type,pixelData)}function _glAttachShader(program,shader){GLctx.attachShader(GL.programs[program],GL.shaders[shader])}function _glCompileShader(shader){GLctx.compileShader(GL.shaders[shader])}function _glDeleteShader(id){if(!id)return;var shader=GL.shaders[id];if(!shader){GL.recordError(1281);return}GLctx.deleteShader(shader);GL.shaders[id]=null}function _glFramebufferTexture2D(target,attachment,textarget,texture,level){GLctx.framebufferTexture2D(target,attachment,textarget,GL.textures[texture],level)}function _glCreateProgram(){var id=GL.getNewId(GL.programs);var program=GLctx.createProgram();program.name=id;GL.programs[id]=program;return id}function _glDeleteProgram(id){if(!id)return;var program=GL.programs[id];if(!program){GL.recordError(1281);return}GLctx.deleteProgram(program);program.name=0;GL.programs[id]=null;GL.programInfos[id]=null}function _glCheckFramebufferStatus(x0){return GLctx["checkFramebufferStatus"](x0)}function _pthread_setspecific(key,value){if(!(key in PTHREAD_SPECIFIC)){return ERRNO_CODES.EINVAL}PTHREAD_SPECIFIC[key]=value;return 0}function _emscripten_webgl_create_context(target,attributes){var contextAttributes={};contextAttributes["alpha"]=!!HEAP32[attributes>>2];contextAttributes["depth"]=!!HEAP32[attributes+4>>2];contextAttributes["stencil"]=!!HEAP32[attributes+8>>2];contextAttributes["antialias"]=!!HEAP32[attributes+12>>2];contextAttributes["premultipliedAlpha"]=!!HEAP32[attributes+16>>2];contextAttributes["preserveDrawingBuffer"]=!!HEAP32[attributes+20>>2];contextAttributes["preferLowPowerToHighPerformance"]=!!HEAP32[attributes+24>>2];contextAttributes["failIfMajorPerformanceCaveat"]=!!HEAP32[attributes+28>>2];contextAttributes["majorVersion"]=HEAP32[attributes+32>>2];contextAttributes["minorVersion"]=HEAP32[attributes+36>>2];contextAttributes["explicitSwapControl"]=HEAP32[attributes+44>>2];target=Pointer_stringify(target);var canvas;if((!target||target==="#canvas")&&Module["canvas"]){canvas=Module["canvas"].id?GL.offscreenCanvases[Module["canvas"].id]||JSEvents.findEventTarget(Module["canvas"].id):Module["canvas"]}else{canvas=GL.offscreenCanvases[target]||JSEvents.findEventTarget(target)}if(!canvas){return 0}if(contextAttributes["explicitSwapControl"]){console.error("emscripten_webgl_create_context failed: explicitSwapControl is not supported, please rebuild with -s OFFSCREENCANVAS_SUPPORT=1 to enable targeting the experimental OffscreenCanvas specification!");return 0}var contextHandle=GL.createContext(canvas,contextAttributes);return contextHandle}function _glGetError(){if(GL.lastError){var error=GL.lastError;GL.lastError=0;return error}else{return GLctx.getError()}}function ___cxa_begin_catch(ptr){var info=EXCEPTIONS.infos[ptr];if(info&&!info.caught){info.caught=true;__ZSt18uncaught_exceptionv.uncaught_exception--}if(info)info.rethrown=false;EXCEPTIONS.caught.push(ptr);EXCEPTIONS.addRef(EXCEPTIONS.deAdjust(ptr));return ptr}function _emscripten_memcpy_big(dest,src,num){HEAPU8.set(HEAPU8.subarray(src,src+num),dest);return dest}var SYSCALLS={varargs:0,get:(function(varargs){SYSCALLS.varargs+=4;var ret=HEAP32[SYSCALLS.varargs-4>>2];return ret}),getStr:(function(){var ret=Pointer_stringify(SYSCALLS.get());return ret}),get64:(function(){var low=SYSCALLS.get(),high=SYSCALLS.get();if(low>=0)assert(high===0);else assert(high===-1);return low}),getZero:(function(){assert(SYSCALLS.get()===0)})};function ___syscall6(which,varargs){SYSCALLS.varargs=varargs;try{var stream=SYSCALLS.getStreamFromFD();FS.close(stream);return 0}catch(e){if(typeof FS==="undefined"||!(e instanceof FS.ErrnoError))abort(e);return-e.errno}}function _glGenFramebuffers(n,ids){for(var i=0;i<n;++i){var framebuffer=GLctx.createFramebuffer();if(!framebuffer){GL.recordError(1282);while(i<n)HEAP32[ids+i++*4>>2]=0;return}var id=GL.getNewId(GL.framebuffers);framebuffer.name=id;GL.framebuffers[id]=framebuffer;HEAP32[ids+i*4>>2]=id}}function ___setErrNo(value){if(Module["___errno_location"])HEAP32[Module["___errno_location"]()>>2]=value;return value}function _llvm_stacksave(){var self=_llvm_stacksave;if(!self.LLVM_SAVEDSTACKS){self.LLVM_SAVEDSTACKS=[]}self.LLVM_SAVEDSTACKS.push(Runtime.stackSave());return self.LLVM_SAVEDSTACKS.length-1}function _glGenTextures(n,textures){for(var i=0;i<n;i++){var texture=GLctx.createTexture();if(!texture){GL.recordError(1282);while(i<n)HEAP32[textures+i++*4>>2]=0;return}var id=GL.getNewId(GL.textures);texture.name=id;GL.textures[id]=texture;HEAP32[textures+i*4>>2]=id}}function ___cxa_allocate_exception(size){return _malloc(size)}function _emscripten_webgl_make_context_current(contextHandle){var success=GL.makeContextCurrent(contextHandle);return success?0:-5}function ___gxx_personality_v0(){}function ___syscall54(which,varargs){SYSCALLS.varargs=varargs;try{return 0}catch(e){if(typeof FS==="undefined"||!(e instanceof FS.ErrnoError))abort(e);return-e.errno}}function _glUniform1f(location,v0){GLctx.uniform1f(GL.uniforms[location],v0)}function _pthread_once(ptr,func){if(!_pthread_once.seen)_pthread_once.seen={};if(ptr in _pthread_once.seen)return;Module["dynCall_v"](func);_pthread_once.seen[ptr]=1}function _glTexParameteri(x0,x1,x2){GLctx["texParameteri"](x0,x1,x2)}function _glGetShaderiv(shader,pname,p){if(!p){GL.recordError(1281);return}if(pname==35716){var log=GLctx.getShaderInfoLog(GL.shaders[shader]);if(log===null)log="(unknown error)";HEAP32[p>>2]=log.length+1}else if(pname==35720){var source=GLctx.getShaderSource(GL.shaders[shader]);var sourceLength=source===null||source.length==0?0:source.length+1;HEAP32[p>>2]=sourceLength}else{HEAP32[p>>2]=GLctx.getShaderParameter(GL.shaders[shader],pname)}}function _glCreateShader(shaderType){var id=GL.getNewId(GL.shaders);GL.shaders[id]=GLctx.createShader(shaderType);return id}function ___syscall140(which,varargs){SYSCALLS.varargs=varargs;try{var stream=SYSCALLS.getStreamFromFD(),offset_high=SYSCALLS.get(),offset_low=SYSCALLS.get(),result=SYSCALLS.get(),whence=SYSCALLS.get();var offset=offset_low;FS.llseek(stream,offset,whence);HEAP32[result>>2]=stream.position;if(stream.getdents&&offset===0&&whence===0)stream.getdents=null;return 0}catch(e){if(typeof FS==="undefined"||!(e instanceof FS.ErrnoError))abort(e);return-e.errno}}function ___syscall146(which,varargs){SYSCALLS.varargs=varargs;try{var stream=SYSCALLS.get(),iov=SYSCALLS.get(),iovcnt=SYSCALLS.get();var ret=0;if(!___syscall146.buffer){___syscall146.buffers=[null,[],[]];___syscall146.printChar=(function(stream,curr){var buffer=___syscall146.buffers[stream];assert(buffer);if(curr===0||curr===10){(stream===1?Module["print"]:Module["printErr"])(UTF8ArrayToString(buffer,0));buffer.length=0}else{buffer.push(curr)}})}for(var i=0;i<iovcnt;i++){var ptr=HEAP32[iov+i*8>>2];var len=HEAP32[iov+(i*8+4)>>2];for(var j=0;j<len;j++){___syscall146.printChar(stream,HEAPU8[ptr+j])}ret+=len}return ret}catch(e){if(typeof FS==="undefined"||!(e instanceof FS.ErrnoError))abort(e);return-e.errno}}function _glUniform1i(location,v0){GLctx.uniform1i(GL.uniforms[location],v0)}var GLctx;GL.init();JSEvents.staticInit();__ATEXIT__.push((function(){var fflush=Module["_fflush"];if(fflush)fflush(0);var printChar=___syscall146.printChar;if(!printChar)return;var buffers=___syscall146.buffers;if(buffers[1].length)printChar(1,10);if(buffers[2].length)printChar(2,10)}));DYNAMICTOP_PTR=allocate(1,"i32",ALLOC_STATIC);STACK_BASE=STACKTOP=Runtime.alignMemory(STATICTOP);STACK_MAX=STACK_BASE+TOTAL_STACK;DYNAMIC_BASE=Runtime.alignMemory(STACK_MAX);HEAP32[DYNAMICTOP_PTR>>2]=DYNAMIC_BASE;staticSealed=true;Module["wasmTableSize"]=44;Module["wasmMaxTableSize"]=44;function invoke_iiii(index,a1,a2,a3){try{return Module["dynCall_iiii"](index,a1,a2,a3)}catch(e){if(typeof e!=="number"&&e!=="longjmp")throw e;Module["setThrew"](1,0)}}function invoke_viiiii(index,a1,a2,a3,a4,a5){try{Module["dynCall_viiiii"](index,a1,a2,a3,a4,a5)}catch(e){if(typeof e!=="number"&&e!=="longjmp")throw e;Module["setThrew"](1,0)}}function invoke_vi(index,a1){try{Module["dynCall_vi"](index,a1)}catch(e){if(typeof e!=="number"&&e!=="longjmp")throw e;Module["setThrew"](1,0)}}function invoke_ii(index,a1){try{return Module["dynCall_ii"](index,a1)}catch(e){if(typeof e!=="number"&&e!=="longjmp")throw e;Module["setThrew"](1,0)}}function invoke_v(index){try{Module["dynCall_v"](index)}catch(e){if(typeof e!=="number"&&e!=="longjmp")throw e;Module["setThrew"](1,0)}}function invoke_viiiiii(index,a1,a2,a3,a4,a5,a6){try{Module["dynCall_viiiiii"](index,a1,a2,a3,a4,a5,a6)}catch(e){if(typeof e!=="number"&&e!=="longjmp")throw e;Module["setThrew"](1,0)}}function invoke_viiii(index,a1,a2,a3,a4){try{Module["dynCall_viiii"](index,a1,a2,a3,a4)}catch(e){if(typeof e!=="number"&&e!=="longjmp")throw e;Module["setThrew"](1,0)}}Module.asmGlobalArg={"Math":Math,"Int8Array":Int8Array,"Int16Array":Int16Array,"Int32Array":Int32Array,"Uint8Array":Uint8Array,"Uint16Array":Uint16Array,"Uint32Array":Uint32Array,"Float32Array":Float32Array,"Float64Array":Float64Array,"NaN":NaN,"Infinity":Infinity,"byteLength":byteLength};Module.asmLibraryArg={"abort":abort,"assert":assert,"enlargeMemory":enlargeMemory,"getTotalMemory":getTotalMemory,"abortOnCannotGrowMemory":abortOnCannotGrowMemory,"invoke_iiii":invoke_iiii,"invoke_viiiii":invoke_viiiii,"invoke_vi":invoke_vi,"invoke_ii":invoke_ii,"invoke_v":invoke_v,"invoke_viiiiii":invoke_viiiiii,"invoke_viiii":invoke_viiii,"_glUseProgram":_glUseProgram,"_glDeleteShader":_glDeleteShader,"_glVertexAttribPointer":_glVertexAttribPointer,"_glShaderSource":_glShaderSource,"_pthread_key_create":_pthread_key_create,"_abort":_abort,"emscriptenWebGLComputeImageSize":emscriptenWebGLComputeImageSize,"_glCheckFramebufferStatus":_glCheckFramebufferStatus,"_emscripten_webgl_create_context":_emscripten_webgl_create_context,"___gxx_personality_v0":___gxx_personality_v0,"_llvm_stackrestore":_llvm_stackrestore,"_glDeleteProgram":_glDeleteProgram,"___cxa_allocate_exception":___cxa_allocate_exception,"___cxa_find_matching_catch":___cxa_find_matching_catch,"_glLinkProgram":_glLinkProgram,"_glGetShaderInfoLog":_glGetShaderInfoLog,"_glBindTexture":_glBindTexture,"___setErrNo":___setErrNo,"_emscripten_asm_const_id":_emscripten_asm_const_id,"_glGenFramebuffers":_glGenFramebuffers,"_glGetUniformLocation":_glGetUniformLocation,"_glGetAttribLocation":_glGetAttribLocation,"___cxa_begin_catch":___cxa_begin_catch,"_emscripten_memcpy_big":_emscripten_memcpy_big,"___resumeException":___resumeException,"__ZSt18uncaught_exceptionv":__ZSt18uncaught_exceptionv,"_glUniform1i":_glUniform1i,"_glActiveTexture":_glActiveTexture,"_pthread_getspecific":_pthread_getspecific,"_glDrawArrays":_glDrawArrays,"_glReadPixels":_glReadPixels,"_glCreateShader":_glCreateShader,"_glGetError":_glGetError,"_emscripten_webgl_destroy_context":_emscripten_webgl_destroy_context,"_llvm_stacksave":_llvm_stacksave,"_pthread_once":_pthread_once,"_glGenTextures":_glGenTextures,"_glGetString":_glGetString,"___syscall54":___syscall54,"_glFramebufferTexture2D":_glFramebufferTexture2D,"_emscripten_webgl_make_context_current":_emscripten_webgl_make_context_current,"_glGenBuffers":_glGenBuffers,"_glAttachShader":_glAttachShader,"_pthread_setspecific":_pthread_setspecific,"_glCreateProgram":_glCreateProgram,"_glCompileShader":_glCompileShader,"___cxa_throw":___cxa_throw,"_glEnableVertexAttribArray":_glEnableVertexAttribArray,"emscriptenWebGLGetTexPixelData":emscriptenWebGLGetTexPixelData,"___syscall6":___syscall6,"_glBindBuffer":_glBindBuffer,"_emscripten_asm_const_i":_emscripten_asm_const_i,"_glBindFramebuffer":_glBindFramebuffer,"_glTexParameteri":_glTexParameteri,"_glBufferData":_glBufferData,"_glGetShaderiv":_glGetShaderiv,"_glTexImage2D":_glTexImage2D,"___syscall140":___syscall140,"_glUniform1f":_glUniform1f,"___syscall146":___syscall146,"DYNAMICTOP_PTR":DYNAMICTOP_PTR,"tempDoublePtr":tempDoublePtr,"ABORT":ABORT,"STACKTOP":STACKTOP,"STACK_MAX":STACK_MAX};var asm=Module["asm"](Module.asmGlobalArg,Module.asmLibraryArg,buffer);Module["asm"]=asm;var _runExample3WA=Module["_runExample3WA"]=(function(){return Module["asm"]["_runExample3WA"].apply(null,arguments)});var _runExample4WA=Module["_runExample4WA"]=(function(){return Module["asm"]["_runExample4WA"].apply(null,arguments)});var _main=Module["_main"]=(function(){return Module["asm"]["_main"].apply(null,arguments)});var stackSave=Module["stackSave"]=(function(){return Module["asm"]["stackSave"].apply(null,arguments)});var setThrew=Module["setThrew"]=(function(){return Module["asm"]["setThrew"].apply(null,arguments)});var _runExample2WA=Module["_runExample2WA"]=(function(){return Module["asm"]["_runExample2WA"].apply(null,arguments)});var __GLOBAL__sub_I_webassemblyDemo_cpp=Module["__GLOBAL__sub_I_webassemblyDemo_cpp"]=(function(){return Module["asm"]["__GLOBAL__sub_I_webassemblyDemo_cpp"].apply(null,arguments)});var ___cxa_is_pointer_type=Module["___cxa_is_pointer_type"]=(function(){return Module["asm"]["___cxa_is_pointer_type"].apply(null,arguments)});var _memset=Module["_memset"]=(function(){return Module["asm"]["_memset"].apply(null,arguments)});var _runExample4WAGPU=Module["_runExample4WAGPU"]=(function(){return Module["asm"]["_runExample4WAGPU"].apply(null,arguments)});var _sbrk=Module["_sbrk"]=(function(){return Module["asm"]["_sbrk"].apply(null,arguments)});var _memcpy=Module["_memcpy"]=(function(){return Module["asm"]["_memcpy"].apply(null,arguments)});var _llvm_bswap_i32=Module["_llvm_bswap_i32"]=(function(){return Module["asm"]["_llvm_bswap_i32"].apply(null,arguments)});var stackAlloc=Module["stackAlloc"]=(function(){return Module["asm"]["stackAlloc"].apply(null,arguments)});var _runExample1WAGPU=Module["_runExample1WAGPU"]=(function(){return Module["asm"]["_runExample1WAGPU"].apply(null,arguments)});var getTempRet0=Module["getTempRet0"]=(function(){return Module["asm"]["getTempRet0"].apply(null,arguments)});var setTempRet0=Module["setTempRet0"]=(function(){return Module["asm"]["setTempRet0"].apply(null,arguments)});var ___cxa_can_catch=Module["___cxa_can_catch"]=(function(){return Module["asm"]["___cxa_can_catch"].apply(null,arguments)});var _runExample3WAGPU=Module["_runExample3WAGPU"]=(function(){return Module["asm"]["_runExample3WAGPU"].apply(null,arguments)});var _emscripten_get_global_libc=Module["_emscripten_get_global_libc"]=(function(){return Module["asm"]["_emscripten_get_global_libc"].apply(null,arguments)});var _runExample2WAGPU=Module["_runExample2WAGPU"]=(function(){return Module["asm"]["_runExample2WAGPU"].apply(null,arguments)});var ___errno_location=Module["___errno_location"]=(function(){return Module["asm"]["___errno_location"].apply(null,arguments)});var _Example1=Module["_Example1"]=(function(){return Module["asm"]["_Example1"].apply(null,arguments)});var _Example2=Module["_Example2"]=(function(){return Module["asm"]["_Example2"].apply(null,arguments)});var _Example3=Module["_Example3"]=(function(){return Module["asm"]["_Example3"].apply(null,arguments)});var _free=Module["_free"]=(function(){return Module["asm"]["_free"].apply(null,arguments)});var runPostSets=Module["runPostSets"]=(function(){return Module["asm"]["runPostSets"].apply(null,arguments)});var establishStackSpace=Module["establishStackSpace"]=(function(){return Module["asm"]["establishStackSpace"].apply(null,arguments)});var _memmove=Module["_memmove"]=(function(){return Module["asm"]["_memmove"].apply(null,arguments)});var stackRestore=Module["stackRestore"]=(function(){return Module["asm"]["stackRestore"].apply(null,arguments)});var _malloc=Module["_malloc"]=(function(){return Module["asm"]["_malloc"].apply(null,arguments)});var _emscripten_replace_memory=Module["_emscripten_replace_memory"]=(function(){return Module["asm"]["_emscripten_replace_memory"].apply(null,arguments)});var _runExample1WA=Module["_runExample1WA"]=(function(){return Module["asm"]["_runExample1WA"].apply(null,arguments)});var dynCall_iiii=Module["dynCall_iiii"]=(function(){return Module["asm"]["dynCall_iiii"].apply(null,arguments)});var dynCall_viiiii=Module["dynCall_viiiii"]=(function(){return Module["asm"]["dynCall_viiiii"].apply(null,arguments)});var dynCall_vi=Module["dynCall_vi"]=(function(){return Module["asm"]["dynCall_vi"].apply(null,arguments)});var dynCall_ii=Module["dynCall_ii"]=(function(){return Module["asm"]["dynCall_ii"].apply(null,arguments)});var dynCall_v=Module["dynCall_v"]=(function(){return Module["asm"]["dynCall_v"].apply(null,arguments)});var dynCall_viiiiii=Module["dynCall_viiiiii"]=(function(){return Module["asm"]["dynCall_viiiiii"].apply(null,arguments)});var dynCall_viiii=Module["dynCall_viiii"]=(function(){return Module["asm"]["dynCall_viiii"].apply(null,arguments)});Runtime.stackAlloc=Module["stackAlloc"];Runtime.stackSave=Module["stackSave"];Runtime.stackRestore=Module["stackRestore"];Runtime.establishStackSpace=Module["establishStackSpace"];Runtime.setTempRet0=Module["setTempRet0"];Runtime.getTempRet0=Module["getTempRet0"];Module["asm"]=asm;if(memoryInitializer){if(typeof Module["locateFile"]==="function"){memoryInitializer=Module["locateFile"](memoryInitializer)}else if(Module["memoryInitializerPrefixURL"]){memoryInitializer=Module["memoryInitializerPrefixURL"]+memoryInitializer}if(ENVIRONMENT_IS_NODE||ENVIRONMENT_IS_SHELL){var data=Module["readBinary"](memoryInitializer);HEAPU8.set(data,Runtime.GLOBAL_BASE)}else{addRunDependency("memory initializer");var applyMemoryInitializer=(function(data){if(data.byteLength)data=new Uint8Array(data);HEAPU8.set(data,Runtime.GLOBAL_BASE);if(Module["memoryInitializerRequest"])delete Module["memoryInitializerRequest"].response;removeRunDependency("memory initializer")});function doBrowserLoad(){Module["readAsync"](memoryInitializer,applyMemoryInitializer,(function(){throw"could not load memory initializer "+memoryInitializer}))}if(Module["memoryInitializerRequest"]){function useRequest(){var request=Module["memoryInitializerRequest"];if(request.status!==200&&request.status!==0){console.warn("a problem seems to have happened with Module.memoryInitializerRequest, status: "+request.status+", retrying "+memoryInitializer);doBrowserLoad();return}applyMemoryInitializer(request.response)}if(Module["memoryInitializerRequest"].response){setTimeout(useRequest,0)}else{Module["memoryInitializerRequest"].addEventListener("load",useRequest)}}else{doBrowserLoad()}}}function ExitStatus(status){this.name="ExitStatus";this.message="Program terminated with exit("+status+")";this.status=status}ExitStatus.prototype=new Error;ExitStatus.prototype.constructor=ExitStatus;var initialStackTop;var preloadStartTime=null;var calledMain=false;dependenciesFulfilled=function runCaller(){if(!Module["calledRun"])run();if(!Module["calledRun"])dependenciesFulfilled=runCaller};Module["callMain"]=Module.callMain=function callMain(args){args=args||[];ensureInitRuntime();var argc=args.length+1;function pad(){for(var i=0;i<4-1;i++){argv.push(0)}}var argv=[allocate(intArrayFromString(Module["thisProgram"]),"i8",ALLOC_NORMAL)];pad();for(var i=0;i<argc-1;i=i+1){argv.push(allocate(intArrayFromString(args[i]),"i8",ALLOC_NORMAL));pad()}argv.push(0);argv=allocate(argv,"i32",ALLOC_NORMAL);try{var ret=Module["_main"](argc,argv,0);exit(ret,true)}catch(e){if(e instanceof ExitStatus){return}else if(e=="SimulateInfiniteLoop"){Module["noExitRuntime"]=true;return}else{var toLog=e;if(e&&typeof e==="object"&&e.stack){toLog=[e,e.stack]}Module.printErr("exception thrown: "+toLog);Module["quit"](1,e)}}finally{calledMain=true}};function run(args){args=args||Module["arguments"];if(preloadStartTime===null)preloadStartTime=Date.now();if(runDependencies>0){return}preRun();if(runDependencies>0)return;if(Module["calledRun"])return;function doRun(){if(Module["calledRun"])return;Module["calledRun"]=true;if(ABORT)return;ensureInitRuntime();preMain();if(Module["onRuntimeInitialized"])Module["onRuntimeInitialized"]();if(Module["_main"]&&shouldRunNow)Module["callMain"](args);postRun()}if(Module["setStatus"]){Module["setStatus"]("Running...");setTimeout((function(){setTimeout((function(){Module["setStatus"]("")}),1);doRun()}),1)}else{doRun()}}Module["run"]=Module.run=run;function exit(status,implicit){if(implicit&&Module["noExitRuntime"]){return}if(Module["noExitRuntime"]){}else{ABORT=true;EXITSTATUS=status;STACKTOP=initialStackTop;exitRuntime();if(Module["onExit"])Module["onExit"](status)}if(ENVIRONMENT_IS_NODE){process["exit"](status)}Module["quit"](status,new ExitStatus(status))}Module["exit"]=Module.exit=exit;var abortDecorators=[];function abort(what){if(Module["onAbort"]){Module["onAbort"](what)}if(what!==undefined){Module.print(what);Module.printErr(what);what=JSON.stringify(what)}else{what=""}ABORT=true;EXITSTATUS=1;var extra="\nIf this abort() is unexpected, build with -s ASSERTIONS=1 which can give more information.";var output="abort("+what+") at "+stackTrace()+extra;if(abortDecorators){abortDecorators.forEach((function(decorator){output=decorator(output,what)}))}throw output}Module["abort"]=Module.abort=abort;if(Module["preInit"]){if(typeof Module["preInit"]=="function")Module["preInit"]=[Module["preInit"]];while(Module["preInit"].length>0){Module["preInit"].pop()()}}var shouldRunNow=true;if(Module["noInitialRun"]){shouldRunNow=false}Module["noExitRuntime"]=true;run()
2 | 
3 | 
4 | 
5 | 


--------------------------------------------------------------------------------