From 4fac7a8f2794bbea08a455677b61296241617982 Mon Sep 17 00:00:00 2001
From: gingerBill <bill@gingerbill.org>
Date: Wed, 1 Jun 2022 10:40:59 +0100
Subject: [PATCH] Update wasm/README.md

---
 vendor/wasm/README.md | 57 +++++--------------------------------------
 1 file changed, 6 insertions(+), 51 deletions(-)

diff --git a/vendor/wasm/README.md b/vendor/wasm/README.md
index 4a9345504..55cbd1b7a 100644
--- a/vendor/wasm/README.md
+++ b/vendor/wasm/README.md
@@ -4,57 +4,12 @@ This directory is for use when targeting the `js_wasm32` target and the packages
 
 The `js_wasm32` target assumes that the WASM output will be ran within a web browser rather than a standalone VM. In the VM cases, either `wasi_wasm32` or `freestanding_wasm32` should be used accordingly.
 
-## Example
+## Example for `js_wasm32`
 
 ```js
-import {WasmMemoryInterface, odinSetupDefaultImports} from "./js/runtime.js";
-import {WebGLInterface} from "./WebGL/runtime.js";
-
-const runWasm = async (wasm_path, webglCanvasElement, consoleElement) => {
-	let wasmMemoryInterface = new WasmMemoryInterface();
-
-	let imports = odinSetupDefaultImports(wasmMemoryInterface, consoleElement);
-	
-	if (webglCanvasElement !== undefined) {
-		let gl_context = new WebGLInterface(
-			wasmMemoryInterface, 
-			webglCanvasElement, 
-			{antialias: false},
-		);
-		if (!gl_context.ctx) {
-			return "WebGL is not available.";
-		}	
-		imports["webgl"] = gl_context.getWebGL1Interface()
-		imports["webgl2"] = gl_context.getWebGL2Interface()
-	}
-		
-	const response = await fetch(wasm_path);
-	const file = await response.arrayBuffer();
-	const wasm = await WebAssembly.instantiate(file, imports);
-	const exports = wasm.instance.exports;
-	wasmMemoryInterface.setExports(exports);
-	wasmMemoryInterface.setMemory(exports.memory);
-	
-	exports._start();
-	
-	if (exports.step) {
-		const odin_ctx = exports.default_context_ptr();
-		
-		let prevTimeStamp = undefined;
-		const step = (currTimeStamp) => {
-			if (prevTimeStamp == undefined) {
-				prevTimeStamp = currTimeStamp;
-			}
-
-			const dt = (currTimeStamp - prevTimeStamp)*0.001;
-			prevTimeStamp = currTimeStamp;
-			exports.step(dt, odin_ctx);
-			window.requestAnimationFrame(step);
-		};
-		
-		window.requestAnimationFrame(step);
-	}
-	
-	return;
-};
+<!-- Copy `vendor:wasm/js/runtime.js` into your web server -->
+<script type="text/javascript" src="runtime.js"></script>
+<script type="text/javascript">
+	odin.runWasm(pathToWasm, webglCanvasElement, consolePreElement);
+</script>
 ```
\ No newline at end of file