From 299c08af5be7abea6bd3eed053ce885f9dffaa3b Mon Sep 17 00:00:00 2001
From: Dennis Ranke <dennis.ranke@gmail.com>
Date: Sun, 12 Dec 2021 17:06:19 +0100
Subject: [PATCH] fix isButtonTriggered in web runtime, release v0.1pre4

---
 .../{font_palette.uw8 => font_palette.cwa}    |   0
 platform/bin/platform.uw8                     | Bin 2347 -> 2397 bytes
 platform/src/platform.cwa                     |  16 ++++++++++++++++
 site/content/_index.md                        |  14 ++++++++++----
 site/static/v0.1pre4/index.html               |   1 +
 site/templates/index.html                     |   2 +-
 web/src/main.js                               |   3 ++-
 7 files changed, 30 insertions(+), 6 deletions(-)
 rename examples/curlywas/{font_palette.uw8 => font_palette.cwa} (100%)
 create mode 100644 site/static/v0.1pre4/index.html

diff --git a/examples/curlywas/font_palette.uw8 b/examples/curlywas/font_palette.cwa
similarity index 100%
rename from examples/curlywas/font_palette.uw8
rename to examples/curlywas/font_palette.cwa
diff --git a/platform/bin/platform.uw8 b/platform/bin/platform.uw8
index ae99f3645968481ba74a9a1e10a0dd37bc612ee0..550df6033e89fa36b51909a9cb90fc681456034f 100644
GIT binary patch
literal 2397
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
PDm3a9-ap2Yxx_~R3xT@N

literal 2347
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
RNP{;!ETS6H@IHo%!vGHipj7|>

diff --git a/platform/src/platform.cwa b/platform/src/platform.cwa
index 2b600cf..a7eb506 100644
--- a/platform/src/platform.cwa
+++ b/platform/src/platform.cwa
@@ -230,6 +230,13 @@ global mut bgColor = 0;
 global mut graphicsText = 0;
 
 export fn printChar(char: i32) {
+    loop chars {
+        printSingleChar(char & 255);
+        branch_if (char := char #>> 8): chars;
+    }
+}
+
+fn printSingleChar(char: i32) {
     if char == 4 | char == 5 {
         graphicsText = char == 5;
         return;
@@ -238,6 +245,15 @@ export fn printChar(char: i32) {
     if char == 10 | (!graphicsText & textCursorX >= 320) {
         textCursorX = 0;
         textCursorY = textCursorY + 8;
+        if !graphicsText & textCursorY >= 240 {
+            textCursorY = 240 - 8;
+            let i: i32;
+            loop scroll_copy {
+                i!120 = i!(120 + 320 * 8);
+                branch_if (i := i + 4) < 320 * (240 - 8): scroll_copy;
+            }
+            rectangle(0 as f32, (240 - 8) as f32, 320 as f32, 8 as f32, bgColor);
+        }
         return;
     }
 
diff --git a/site/content/_index.md b/site/content/_index.md
index c793f22..ccaf5b8 100644
--- a/site/content/_index.md
+++ b/site/content/_index.md
@@ -6,6 +6,7 @@
 * [v0.1pre1](v0.1pre1)
 * [v0.1pre2](v0.1pre2)
 * [v0.1pre3](v0.1pre3)
+* [v0.1pre4](v0.1pre4)
 
 ## Spec
 
@@ -40,6 +41,7 @@ Other imports provided by the platform, also all in module `env`:
 * `fn hline(left: i32, right: i32, y: i32, color: i32)`
 * `fn rectangle(x1: f32, y1: f32, x2: f32, y2: f32, color: i32)`
 * `fn circle(cx: f32, cy: f32, radius: f32, color: i32)`
+* `fn line(x1: f32, y1: f32, x2: f32, y2: f32, color: i32)`
 
 * `fn time() -> f32`
 * `fn isButtonPressed(btn: i32) -> i32`
@@ -48,6 +50,9 @@ Other imports provided by the platform, also all in module `env`:
 * `fn printChar(char: i32)`
 * `fn printString(ptr: i32)`
 * `fn printInt(num: i32)`
+* `fn setTextColor(color: i32)`
+* `fn setBackgroundColor(color: i32)`
+* `fn setCursorPosition(x: i32, y: i32)`
 
 ### Memory map
 
@@ -85,7 +90,7 @@ types with up to 5 parameters (i32 or f32) where the
 `f32` parameters always preceed the `i32` parameters.
 Then it includes all imports that MicroW8 provides,
 a function section with a single function of type
-`(i32) -> void` and an export section that exports
+`() -> void` and an export section that exports
 the first function in the file under the name `upd`.
 
 #### Format version `02`:
@@ -111,9 +116,10 @@ Writing code for MicroW8 in C, Rust, AssemblyScript etc. should absolutely
 possible but no examples are provided, yet.
 
 ## Examples
-* [Skip Ahead](v0.1pre3#Agj9nQYWw+yYP6xi7SUL2urlNtvh2dOZFuYL4PUxAUz5qqATDey0JsAVat2VQKEOyXK1bE+3WiFK0GGhdi4VAd8Tlf3YuU7xfvvBwN4oNuIoY29jbbuEnEnPZFjC4ym9L2QDUmig+RsF++FubWcyqOt7CAFGNEaAiMISCIM43bfPQriE6sD3orstkMjH3LPOqeuUPpitgzaIsAf860CYHlrAG2t5CSjRGobcPLJ+CSeYjzZSLYs7+u2xpthsfoIvBnk1+xxwEWYfZOJ3Madfo5BME5nceVCQVOEBMCTLSE+xVCkyelOW) (231 bytes): A port of my [TIC-80 256byte game](http://tic80.com/play?cart=1735) from LoveByte'21
-* [OhNoAnotherTunnel](v0.1pre3#Apr9u4e6Rsy7tRABjq4o7dCGPLQR9dVTSGK9FWXemB7tybsZHT+TxtfHlarRbcekGcg7qZY/eK6/VVCp9ceNBXlh4v0QGS63LTzfEjb8XC4jg5KifbYBodSIS0DPVjwq32PbgjL2+C+QOCx6ZxqRYP0KQpcTxuBUKx1NXVM2EV4l0rEWBQW9SjLcbURKHYaRLcI4FOcLOfASFiQ4wFWgEBA0VD6hGdemN0tPYp9BfUaN) (177 bytes): A port of my [entry](http://tic80.com/play?cart=1871) in the Outline'21 bytebattle final
-* [Technotunnel](v0.1pre3#AkL/tETJ+XRrvcB8gD9brftZ26zjwEsiATnAd+szCtw3Haq41srEMFO8aDS71c2CX8W87RQ9EY3V+YuTn/2CPRfn6CpgxMHUnIxOEWhVDRULXeYGP70dTiL8tYLAc8LrBWay9h8jCX/4Jbb39XVnISlZNd7In4Mts9LvSkSIz/E0sBfhjwp65aeoSU8BNFZpyKlxU+u5DdBtuxx3bFE=) (158 bytes): A port of my [entry](https://tic80.com/play?cart=1873) in the Outline'21 bytebattle quater final
+* [Skip Ahead](v0.1pre4#AiP94km33q5hBFbBcKl2W1ZMY67wHByUz15/qRHIr71Dvq8bTVux/DXZzSTKU5MufRXxnGEn6mOul4dil/5WLT1Y+Y/4TGd1E3U4rQaxlpcKObxc5YLdr4xo6jyBND96a569LoECv6Q4EIqxJi+3QPE21r/++js41XsBLr44X/O2XpP3kHQva3B8o6duD5WkLCf7PhsxjTBeND1ADIaJe05JCrBim18RPY9VYFmltqQ9gVzbxE/ZpojR/GJ4aCbx0hRn73RPhpA7Cd4jk0AVSOeRx+7kuHrLzpaeqeYWK5pYd/4Rv+8=) (230 bytes): A port of my [TIC-80 256byte game](http://tic80.com/play?cart=1735) from LoveByte'21
+* [OhNoAnotherTunnel](v0.1pre4#Ag95rdCB5Ww5NofyQaKF4P1mrNRso4azgiem4hK99Gh8OMzSpFq3NsNDo7O7pqln10D11l9uXr/ritw7OEzKwbEfCdvaRnS2Z0Kz0iDEZt/gIqOdvFmxsL1MjPQ4XInPbUJpQUonhQq29oP2omFabnQxn0bzoK7mZjcwc5GetHG+hGajkJcRr8oOnjfCol8RD+ha33GYtPnut+GLe4ktzf5UxZwGs6oT9qqC61lRDakN) (177 bytes): A port of my [entry](http://tic80.com/play?cart=1871) in the Outline'21 bytebattle final
+* [Technotunnel](v0.1pre4#AqL8HeK1M9dn2nWNIF5vaq/Vh64pMt5nJIFoFKpBMPUsGtDtpqjo1JbT9LzPhAxCqJ7Yh4TA6oTGd4xhLowf+cWZMY73+7AZmfXJJsBi4cej/hH+4wlAgxFIrnOYnr/18IpnZbsHf0eGm1BhahX74+cVR0TRmNQmYC7GhCNS3mv/3MJn74lCj7t28aBJPjEZhP9fGXdG2u5Egh/Tjdg=) (158 bytes): A port of my [entry](https://tic80.com/play?cart=1873) in the Outline'21 bytebattle quater final
+* [Font & Palette](v0.1pre4#AgKaeeOuwg5gCKvFIeiitEwMpUI2rymEcu+DDB1vMu9uBoufvUxIr4Y5p4Jj2ukoNO4PE7QS5cN1ZyDMCRfSzYIGZxKlN2J6NKEWK7KVPk9wVUgn1Ip+hsMinWgEO8ETKfPuHoIa4kjI+ULFOMad7vd3rt/lh1Vy9w+R2MXG/7T61d3c7C6KY+eQNS0eW3ys4iU8R6SycuWZuuZ2Sg3Qxp826s+Kt+2qBojpzNOSoyFqyrVyYMTKEkSl0BZOj59Cs1hPm5bq0F1MmVhGAzMhW9V4YeAe): Just a simple viewer for the default font and palette.
 * [Technotunnel B/W](v0.1pre2#AQrDAQHAAQIBfwp9A0AgAUEAsiABQcACb7JDmhkgQ5MiBCAEIASUIAFBwAJtQfgAa7IiBSAFlJKRIgaVIgcgByAAskHQD7KVIgIQAEPNzEw/lCIDlCAHIAeUIAOUIAOUQQGykiADIAOUk5GSIgiUIAOTQQqylCACkiIJqCAFIAaVIAiUQQqylCACkiIKqHMgCEEyspQgBpUiCyACkkEUspSocUEFcbJBArIgC5OUQRaylJeoOgB4IAFBAWoiAUGA2ARIDQALCw==) (199 bytes uncompressed): A port of my [entry](https://tic80.com/play?cart=1873) in the Outline'21 bytebattle quater final (older MicroW8 version with monochrome palette)
 * [XorScroll](v0.1pre2#AQovAS0BAX8DQCABIAFBwAJvIABBCm1qIAFBwAJtczoAeCABQQFqIgFBgNgESA0ACws=) (50 bytes uncompressed): A simple scrolling XOR pattern. Fun fact: This is the pre-loaded effect when entering a bytebattle.
 * [CircleWorm](v0.1pre2#AQp7AXkCAX8CfUEgEA0DQCABskEEspUiAkECspUgALJBiCeylSIDQQWylJIQAEEBspJBoAGylCACQQOylSADQQSylJIQAEEBspJB+ACylCADQRGylCACQQKylJIQAEECspJBELKUIAFBAmxBP2oQEiABQQFqIgFBP0gNAAsL) (126 bytes uncompressed): Just a test for the circle fill function.
\ No newline at end of file
diff --git a/site/static/v0.1pre4/index.html b/site/static/v0.1pre4/index.html
new file mode 100644
index 0000000..2fda0e6
--- /dev/null
+++ b/site/static/v0.1pre4/index.html
@@ -0,0 +1 @@
+<!doctype html><html><head><meta charset="utf8"><title>MicroW8</title><link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap" rel="stylesheet"><style>body,canvas,html{margin:0;padding:0}html{background-color:#202024;color:#808070;font-family:Josefin Sans,Verdana,Arial Black,sans-serif}body,html{height:100%}body{display:grid;grid-template-rows:1fr 0fr}#centered{align-self:center;justify-self:center}.footer{color:#202420}a{color:#303630}a:hover{color:#405040}#screen{background-color:#202428;border:4px solid #303040;box-shadow:5px 5px 20px #000;cursor:none;height:240px;image-rendering:pixelated;width:320px}#message,#screen{margin-bottom:8px}.error{color:#e04030}button{background-color:#303440;border:1px solid #404040;border-radius:4px;color:#808070;font-family:inherit;padding:4px}button:hover{background-color:#202010}button:active{background-color:#504450}@media (min-width:680px) and (min-height:560px){#screen{height:480px;width:640px}}@media (min-width:1000px) and (min-height:800px){#screen{height:720px;width:960px}}</style></head><body> <div id="centered"> <canvas id="screen" width="320" height="240"></canvas> <div id="message"></div> <button id="cartButton">Load cart...</button> </div> <div id="footer"> <a href="http://unlicense.org/" ref="license">Unlicense</a> </div> </body><script type="module">function A(A){return A&&A.__esModule?A.default:A}function e(A,e){let t=A?`${A} bytes`:"Insert cart";e&&(t+=` - <span class="error">${e.replaceAll("<","&lt;")}</span>`),document.getElementById("message").innerHTML=t}let t,B,a=document.getElementById("screen"),n=a.getContext("2d"),r=n.createImageData(320,240),o=A=>new Uint8Array(A),i=A=>new Uint32Array(A),s=0,Q=A=>{let e,t="keydown"==A.type;switch(A.code){case"ArrowUp":e=1;break;case"ArrowDown":e=2;break;case"ArrowLeft":e=4;break;case"ArrowRight":e=8;break;case"KeyZ":e=16;break;case"KeyX":e=32;break;case"KeyA":e=64;break;case"KeyS":e=128;break;case"KeyR":t&&F(B)}t?s|=e:s&=~e};async function F(Q){t&&(t(),t=null);let E=Q.byteLength;if(e(E),0==E)return;B=Q;let I=window.location.pathname;if(E<=1024){let A="";for(let e of o(Q))A+=String.fromCharCode(e);I+="#"+btoa(A)}I!=window.location.pathname+window.location.hash&&history.pushState(null,null,I),a.width=a.width;try{let a,I=new WebAssembly.Memory({initial:4,maximum:4}),w=o(I.buffer),g={env:{memory:I}},c=A=>{if(0!=o(A)[0]){w.set(o(A));let e=a.exports.load_uw8(A.byteLength);A=new ArrayBuffer(e),o(A).set(w.slice(0,e))}return A},l=async A=>(await WebAssembly.instantiate(A,g)).instance,f=async A=>l(c(await(await fetch(A)).arrayBuffer()));a=await f(A("data:application/wasm;base64,AGFzbQEAAAABFQRgAX8Bf2ACf38Bf2ADf39%2FAGAAAAIPAQNlbnYGbWVtb3J5AgAEAwkIAAABAgEAAAMGEAN%2FAUEAC38BQQALfwFBAAsHGQIIbG9hZF91dzgAAAp1bmNvbXByZXNzAAQIAQcKxwUIxwEBB39BAC0AAEEBayIBQQBIBEAgAA8LQYDAByAAaiECIAFBAXEEQEEBQYHABxAEIQIFQYDAB0EAIAAQAwtBAEGAkA9BCBADQYiQDyEDQQghBEGBwAchBQNAIAUgAkggAyMATiAFLQAAIAMtAABMcnEEQCAEIAQgBRACIgZqIQQgAyMASCAFLQAAIAMtAABGcQRAIAMgAxABaiEDCyAFIAZqIQUMAQsgAyMASARAIAQgBCADEAIiB2ohBCADIAdqIQMMAQsLIAQLRwEEfyAAQQFqIQFBACECQQAhAwNAIAIgAS0AACIEQf8AcSADdHIhAiADQQdqIQMgAUEBaiEBIARBgAFxDQALIAEgAGsgAmoLEgEBfyAAIAEgARABIgIQAyACCyYAIAJBAEoEQANAIAAgAkEBayICaiABIAJqLQAAOgAAIAINAAsLC6cBAQR%2FIAAkAUEAJAIDQCAEQYAQNgKAgA8gBEEEaiIEQYQMSA0ACwJAA0BBABAGBEBBgAIQBgRAQYECEAVBAWshAiACRQ0DC0HBAhAFIQUDQCABIAEgAmstAAA6AAAgAUEBaiEBIAVBAWsiBQ0ACwVBACEEQQEhAwNAIANBAXQgAxAGciEDIARBAWoiBEEISA0ACyABIAM6AAAgAUEBaiEBCwwACwsgAQs1AQJ%2FA0AgABAGBEAgASAAQQFqEAYgAnRyIQEgAEECaiEAIAJBAWohAgwBCwsgAUEBIAJ0cguNAQEDfyAAQQRsKAKAgA8hAQNAIwJBgIAESARAIwJBCHQjAS0AAHIkAiMBQQFqJAEMAQsLIwJB%2Fx9xIgIgAUghAyADBEAgASMCQQx1bCACaiQCIAFBgCAgAWtBBHVqIQEFQYAgIAFrIwJBDHVsIAJqIAFrJAIgASABQQR1ayEBCyAAQQRsIAE2AoCADyADCwwAQQBBgJAPEAQkAAsLyQMBAEEAC8IDDHv5cfxDkQZPMZ0qYoDDwomVtSyGbGyuB%2FKWoshno8d0Cmh2T47oGnqa5kocJi625HViLA33CV08eLEanmEBSANK1E2c%2B%2B77Ps4ym0%2B7RYcaTUUBO6xo%2BZM%2FWf63IrO3%2F%2Bwvx0QmFo8WfZDwu3yZ1pVEakQ%2F1ciIawB85zOzqABr8W%2FL%2BoCsX0ntIPWERoF9Bx9XcNiNYSPx3zo5APCdyMwL%2FCQ2T4H6S%2BxRHH1z9hZny24zsMlUCG4Wiq4IXW8HsLBj%2Ffp6Ul9afiYz75R00uyK0jz3f5QhS5uU2tvBzNIptZOl5gDEkl6rNiDJaw%2FvwEloV%2By5TrhG2OeGaH%2B0B8DmaUTTRCtqE%2BUR14QxTogZ2hVf1CpWAgSKDfgTVkcR7CTk8jkVZe%2BHdo779JzS81sNtgBDZ9pRrEztp8y9XcPKF24oPS9iodaLB5wqoPS8QO7oG91NBJHLgps824gfyhdoECWKDb1zu011MQKUmDvcRPMXFNryQyJFLjZKc9YsixF7YRxjth0bhydNfEXbLeNxEttYaumHmvTDZET1kIKd1YuXOS48ajeQQsYPqRtCpP2W46wXR%2B6rzJHrCNj6cire"));for(let A of["acos","asin","atan","atan2","cos","exp","log","sin","tan","pow"])g.env[A]=Math[A];for(let A=9;A<64;++A)g.env["reserved"+A]=()=>{};for(let A=0;A<16;++A)g.env["g_reserved"+A]=0;Q=c(Q);let C=await f(A("data:;base64,Ao%2F%2Bdbd8plwjoXZbwwA7nh6GHRI%2B422eTxmDJFti%2BI5UDTvwu5kCvc4xQ9Jb%2FwOW3z1vJ%2FTGakG8XecB0dCEqpx6dlihCpvqcP4jrQLQGjLXkt74PfO2PxPzFvYoljy%2F1NjAI1YUClK%2FagQ%2FPwUEBfBX8ZsE5k2EKr4E%2Fovvk845eqBuSZJKnBO3Ke6YZpX%2BKhSh8sZ%2F3YsIKD7SVl0%2Fh60U%2B2mzhrSyV1tEsB%2FMY9Cr25ei1R4nHIvjmjp59Suh9ewrL%2ByOntXfRJuk7SjbwZIqotkf8JFOt%2Fwk2VNL%2Bl3ewl9ANsRrU93nh4V3MSD6j60rEsza8i7CEBQ%2BtVwhfS0zrg1RrKSmSnA%2FCzCf47BmMsmVZRz%2FcRCdR4%2BkM%2F92sC3br7FLZWNjV10YthZfRWLpJHirK3ihWcPvIFxlIj0F8w2O1jkDUil1%2F9VMNJFX3U2G3GOKmu3QO313OZslCSYdX6ES9QPUZEY92FhD05b5%2Fhj4OOb5YTrWw5kt8n2Oo2K%2BzDyWcGm4kQf%2Fpjx0N0cKwOz2JwHQFgx%2BPqrxQIhdLg3%2BqUyCVmO5o2e2K3TbsFnPeDiJvbk9g47KH7uimldXD6u4gwW0Bl6nLGac7MuiSZ0Yy3%2FDqZenTS0jZffB%2BxYYA6C7xJT7aMHci1%2FcE9O36%2FLtZI2Nr7naQNCIYSEsD812Q2C1L7akOYFQOq51iQAoPwtXrrZXbLtAbRXdyAAMqmrIHaceUtesji0HtAl1E27O7QmUOixlsKmRzaZmTNfhccvskspgYw2IbymgG1RjXmISdkGbY%2B65V7LcUYeqVG2lc3G7A1LngO1KkZP0VQZKl1RTKUMldTJd0mbqFAX1ZXiy65sYPoHGYpc0mWq901vadaeOx7wEsPNqXCaFEF%2Fb7wvE8MKcmCodXGbi08YzZvOasYbA%2FurxmJPxADC5yTDiOpyiGjUcCbRH87iq%2BBrrzpjxd0LzvL%2BXjl0qKz7mLL112ZMyr5Ow2DKLQX1qqMoHZK2MfHw3vnAMk8is%2F5anHbaW856JaKe0DR6hIQ%2FTQ%2BgnHcRmxdtS65IVhSxk5UyopljN18RrsEorm1T5YH%2BdyeXK6%2B1frptPEOv6UUR1%2FJ2OiYb%2FsyHePfMTEAMSFhO9Y13AtSkfG%2BpxbcoUuoxYrjZpbXq1njMGzLJfYKETWRRU3BKOF%2BR5fMqlXRtYcX77izpmdvXTDfQvBLUcaPqI0KElPazG827jvB0Rpt40Z%2FPbtJwukhP5wi8vY4zv4TZ95vb6o4inOs6U9uv2MdrfRvesuJ%2F8SH7JrVc6dkgADDsP%2Bq1L8qXRq%2FSwgzNMX9KZmbQzP1vAe1OwelgVnJ6nVdcN0WUnP%2FPIMpg3Li%2BYR%2FhEptphOqedAXs%2Bh1Lrua9Hf0jRnMdADqqmHQMGZ8Xl8%2F%2BJesKSHcVMDEzIRvhqzr8kUIElR%2FY1z1B78a4yfsRstzRCziTGa5iF8ZzS18DjAtRnOIgCVO8jQFdH386gIuzn9prI3Zafgx7dcR7AYl4o7hFnS96DW8hruaaQSo5sBB%2FJaivV%2BiqsVitTyYp2FDcKPY0%2BnTDLtGQEb%2BIwFgu5tVGIppjhlsuwRaUsrDJgqSwH%2FVM3I1ZgAutQX1SPCc2kwKjL%2FwpDka9FB1JivGBFCQIXtn4XCbozkH2DkljN4xft8Msa%2BYgNZ4exXt0E8Os%2FfwrqvWatAeiqYjnxNsVD7DPBHOxVphxPu8OfVo9gW3DWOuZUpZ5jeMxsrMHOCS63pM63t2VAOuxjI9dkRONwpj9IvtS36GgxQx%2BGSrR10FgEVaVDCFxD4brGAzKqzi5HlN2lwzfE963rkfOpJv2ZkaXXjCB2Vu%2FG0oqKFcBSRmNPfETw9zezMVetj0BakPeo3wwK8IsrJ5%2BVKJJMsf32GrWGIPRCjqIuTrzbv5mG4nNZf3BLrohhg%2B3ESt2Vpzi%2F5%2F8NrV9C%2FwfD05%2BZoc5WrysQKUsLnWhMQwKGw%2FT8YiOXzSau%2B8GvbIRG5VGhwGkLtkj9Vxx%2B7zjnIKgPALS42WOfgNzx%2FfY2qoeok%2B6TTeTvD3ottoPIqxZzZjI2BogoOeAlFUNZxpjU53yLTQY6cbm7HmmQKpszXdw42RXTsJGJlyAiKuOXDtjVk%2FZfjF9NgN1OSMN%2BPc8ozFE5l3EWdnnvIufzcazc%2Bs7BJ0kvOjcvqYGeKl9C5LVLImEE4E2%2FpLdl7AA60d8l3uJ5XZZBBJY7BusfO%2FPfd9Jkimkk4Rmj2e9tAtLFJPuP%2BqfVvUZaxplg4dU3PtU7NIAeZlJLgG63ZfW%2FW1gwEOVynABh%2F1yPCXqjc8t7LNLtVbGo757g%2FvLpJg2By7O6HCI6RHazFrRJm64nFj08TcgtgV%2B5t1WpMmNtly3ZQt%2FfUWa%2BR45t%2FjuGPuc9zShD13DwZYoLquVvCT8POtrjNoKpdsJZc1jCrzzvBAqjKqb8bnNHDJrkl7P5oK8iQ2tr6b92h4aWlVi02U2rQbyfDNac5sK9rnbjGnJ%2F1pfhGYgL24kSSC8n520Qhd90WWA79pfxeWukm5ZDcQ5ADC4LlwMSCfhK3wXPcHJgmVabxy8kYEek2eV5Oz%2F5aqe%2BRnnho%2BbK785AS%2Fz9lYZw2iClVuLrka%2BZuK2midc75jn8J1f2Kr74jclmoVqDXEL8II88LJ6PlCq3S7htPJl3HTVc6%2BvWiPBF9keubsHbXZ7LaIOvgoBeOgjzvNpz9pshCPK7gh4XL7fqJF1tBR%2BxcYXrMUQK8YBhaADG4stoyoFZGsOdV4Zvwpt9pMZfuM4IoQA7ySywXNgVb9YGnG4zpM0jJGlmDINbk4RNKIGp%2BWyJlEenJUaWsbD4IFkh2ZFWffbqmMwen86vKXwNhHtCnT0CxHQA16j%2B%2F27THM754tay4z7fQ3g8erX45r0wwAtOQoy2IQNY%2FvQEQj9EPSygpovut0jWo%2BeICG0ZemthCEzdRIHgoKn7%2FnXjKi6eLhuO3baRZzrwtYExni%2Fw9hxlg5endf%2FWtuzCRxMaGGY%2BDPEu9vJiw7g%2FzcXwrB%2F8lNsWjCyqbe7nqihxiMii29mQ5BCRto0i3%2Bo%2BKzG9Emha3x8EA3B%2Fjq50F6mgEnHIZzwb3NsL7rvvb1V5hmRxEYerVNH%2BJ0DyCVZZC6g1JdrTF75UH91v657IvTNbfMm9ABzOxLDYiN3iKjTqFd4%2FxpK5xEcA"));for(let A in C.exports)g.env[A]=C.exports[A];let y=await l(Q),h=i(r.data.buffer),b=Date.now(),m=!0;t=()=>m=!1;const u=1e3/60;let D=b;!function A(){if(m)try{let e=Date.now(),t=!1;if(e>=D){let A=navigator.getGamepads(),B=0;for(let e=0;e<4;++e){let a=A[e];if(a){for(let A=0;A<8;++A){let t=(A+12)%16;a.buttons.length>t&&a.buttons[t].pressed&&(B|=1<<8*e+A)}if(a.axes.length>1)for(let A=0;A<4;++A){let t=a.axes[1-(A>>1)];(1&A?t:-t)>.5&&(B|=1<<8*e+A)}a.buttons.length>9&&a.buttons[9].pressed&&(t=!0)}}let a=i(I.buffer);a[16]=e-b,a[17]=s|B,y.exports.upd(),C.exports.endFrame();let o=i(I.buffer.slice(77824,78848));for(let A=0;A<76800;++A)h[A]=4278190080|o[w[A+120]];n.putImageData(r,0,0),D=Math.max(D+u,e)}t?F(B):window.requestAnimationFrame(A)}catch(A){e(E,A.toString())}}()}catch(A){e(E,A.toString())}}async function E(A){F(await(await fetch(A)).arrayBuffer())}function I(){let A=window.location.hash.slice(1);A.length>0?E("data:;base64,"+A):F(new ArrayBuffer(0))}window.onkeydown=Q,window.onkeyup=Q,window.onhashchange=I,I(),document.getElementById("cartButton").onclick=()=>{let A=document.createElement("input");A.type="file",A.accept=".wasm,.uw8,application/wasm",A.onchange=()=>{A.files.length>0&&E(URL.createObjectURL(A.files[0]))},A.click()};</script></html>
\ No newline at end of file
diff --git a/site/templates/index.html b/site/templates/index.html
index acfe2c5..c6cb0e6 100644
--- a/site/templates/index.html
+++ b/site/templates/index.html
@@ -4,7 +4,7 @@
         <section>
             <h1 class="text-center heading-text">A WebAssembly based sizecoding platform</h1>
         </section>
-        <a href="v0.1pre3">
+        <a href="v0.1pre4">
             <div class="demonstration-gif" style="width:640px;height:512px;background-color:black"></div>
         </a>
     </div>
diff --git a/web/src/main.js b/web/src/main.js
index dace381..270bc6c 100644
--- a/web/src/main.js
+++ b/web/src/main.js
@@ -117,7 +117,7 @@ async function runModule(data) {
             return data;
         }
 
-        let instantiate = async (data) => new WebAssembly.Instance(await WebAssembly.compile(data), importObject);
+        let instantiate = async (data) => (await WebAssembly.instantiate(data, importObject)).instance;
 
         let loadModuleURL = async (url) => instantiate(loadModuleData(await (await fetch(url)).arrayBuffer()));
 
@@ -194,6 +194,7 @@ async function runModule(data) {
                     u32Mem[16] = now - startTime;
                     u32Mem[17] = pad | gamepad;
                     instance.exports.upd();
+                    platform_instance.exports.endFrame();
 
                     let palette = U32(memory.buffer.slice(0x13000, 0x13000 + 1024));
                     for (let i = 0; i < 320 * 240; ++i) {