diff --git a/webGpuFramework.html b/demos/WebGpuFrameworkWasm/index.html
similarity index 96%
rename from webGpuFramework.html
rename to demos/WebGpuFrameworkWasm/index.html
index bb5fd9a..e3dfee6 100644
--- a/webGpuFramework.html
+++ b/demos/WebGpuFrameworkWasm/index.html
@@ -23,7 +23,7 @@ body{
     </style>
 	<script type="module">
 
-		import { ParticleSimulation }			from "./rayTracingWebGpuWasm.js";
+		import { ParticleSimulation }			from "/demos/WebGpuFrameworkWasm/rayTracingWebGpuWasm.js";
 
 
 		var particleSimulation					= new ParticleSimulation();
diff --git a/rayTracingWebGpuWasm.js b/demos/WebGpuFrameworkWasm/rayTracingWebGpuWasm.js
similarity index 92%
rename from rayTracingWebGpuWasm.js
rename to demos/WebGpuFrameworkWasm/rayTracingWebGpuWasm.js
index a8fe526..34b29b9 100644
--- a/rayTracingWebGpuWasm.js
+++ b/demos/WebGpuFrameworkWasm/rayTracingWebGpuWasm.js
@@ -1,14 +1,14 @@
-import Shader 				from "../framework/WebGpu.js";
+import Shader 				from "../../framework/WebGpu.js";
 
-import Matrix4 				from "../framework/Matrix4.js";
+import Matrix4 				from "../../framework/Matrix4.js";
 
-import Vector3 				from "../framework/Vector3.js";
+import Vector3 				from "../../framework/Vector3.js";
 
-import Camera 				from "../framework/Camera.js";
+import Camera 				from "../../framework/Camera.js";
 
-import EventManager 		from "../framework/eventManager.js";
+import EventManager 		from "../../framework/eventManager.js";
 
-import ShaderInpector 		from "../framework/ShaderInpector.js";
+import ShaderInpector 		from "../../framework/ShaderInpector.js";
 
 import WasmModule 			from "./wasm_renderer.js";
 
@@ -164,7 +164,7 @@ export class ParticleSimulation {
 
 		this.renderShader.topology = "triangle-list";
 
-		await this.renderShader.setup( "../shaders/triangle-list-texture-solid.wgsl" );
+		await this.renderShader.setup( "../../shaders/triangle-list-texture-solid.wgsl" );
 
 		this.renderShader.setVariable( "mySampler", this.fbSampler );
 
@@ -197,7 +197,7 @@ export class ParticleSimulation {
 
 		this.fxaaShader.topology = "triangle-list";
 
-		await this.fxaaShader.setup("../shaders/fxaa.wgsl");
+		await this.fxaaShader.setup("../../shaders/fxaa.wgsl");
 
 		this.fxaaShader.setVariable("mySampler", this.fbSampler);
 
@@ -316,7 +316,7 @@ export class ParticleSimulation {
 
 		this.taaShader.topology = "triangle-list";
 
-		await this.taaShader.setup("../shaders/taa.wgsl");
+		await this.taaShader.setup("../../shaders/taa.wgsl");
 
 		this.taaShader.setVariable("mySampler", this.fbSampler);
 
diff --git a/wasm_renderer.js b/demos/WebGpuFrameworkWasm/wasm_renderer.js
similarity index 100%
rename from wasm_renderer.js
rename to demos/WebGpuFrameworkWasm/wasm_renderer.js
diff --git a/wasm_renderer.wasm b/demos/WebGpuFrameworkWasm/wasm_renderer.wasm
similarity index 100%
rename from wasm_renderer.wasm
rename to demos/WebGpuFrameworkWasm/wasm_renderer.wasm
diff --git a/webGpuWasmParticlesFramework.html b/demos/webGpuFrameworkAndWasmParticles/index.html
similarity index 95%
rename from webGpuWasmParticlesFramework.html
rename to demos/webGpuFrameworkAndWasmParticles/index.html
index 724c429..dfca1d4 100644
--- a/webGpuWasmParticlesFramework.html
+++ b/demos/webGpuFrameworkAndWasmParticles/index.html
@@ -4,6 +4,7 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>Wasm & WebGpu.</title>
+        <base href="./">
     </head>
 
     <style >
@@ -23,7 +24,7 @@ body{
     </style>
 	<script type="module">
 
-		import { ParticleSimulation }			from "./particlesWasmWebGpu.js";
+		import { ParticleSimulation }			from "/demos/webGpuFrameworkAndWasmParticles/particlesWasmWebGpu.js";
 
 
 		var particleSimulation					= new ParticleSimulation();
diff --git a/particlesWasmWebGpu.js b/demos/webGpuFrameworkAndWasmParticles/particlesWasmWebGpu.js
similarity index 92%
rename from particlesWasmWebGpu.js
rename to demos/webGpuFrameworkAndWasmParticles/particlesWasmWebGpu.js
index c92e677..62c8f82 100644
--- a/particlesWasmWebGpu.js
+++ b/demos/webGpuFrameworkAndWasmParticles/particlesWasmWebGpu.js
@@ -1,14 +1,14 @@
-import Shader 				from "../framework/WebGpu.js";
+import Shader 				from "../../framework/WebGpu.js";
 
-import Matrix4 				from "../framework/Matrix4.js";
+import Matrix4 				from "../../framework/Matrix4.js";
 
-import Vector3 				from "../framework/Vector3.js";
+import Vector3 				from "../../framework/Vector3.js";
 
-import Camera 				from "../framework/Camera.js";
+import Camera 				from "../../framework/Camera.js";
 
-import EventManager 		from "../framework/eventManager.js";
+import EventManager 		from "../../framework/eventManager.js";
 
-import ShaderInpector 		from "../framework/ShaderInpector.js";
+import ShaderInpector 		from "../../framework/ShaderInpector.js";
 
 import WasmModule 			from "./wasm_particles.js";
 
@@ -148,7 +148,7 @@ export class ParticleSimulation {
 			this.particleCount * 8
 		);
 
-		await this.renderShader.setup( "../shaders/simplePoint.wgsl" );
+		await this.renderShader.setup( "../../shaders/simplePoint.wgsl" );
 
 		this.renderShader.setVariable("particles", this.particleFloatArray);
 
@@ -272,7 +272,7 @@ export class ParticleSimulation {
 
 		this.taaShader.topology = "triangle-list";
 
-		await this.taaShader.setup("../shaders/taa.wgsl");
+		await this.taaShader.setup("../../shaders/taa.wgsl");
 
 		this.taaShader.setVariable("mySampler", this.fbSampler);
 
diff --git a/wasm_particles.js b/demos/webGpuFrameworkAndWasmParticles/wasm_particles.js
similarity index 100%
rename from wasm_particles.js
rename to demos/webGpuFrameworkAndWasmParticles/wasm_particles.js
diff --git a/wasm_particles.wasm b/demos/webGpuFrameworkAndWasmParticles/wasm_particles.wasm
similarity index 100%
rename from wasm_particles.wasm
rename to demos/webGpuFrameworkAndWasmParticles/wasm_particles.wasm
diff --git a/webGpuWasmRaytrace.html b/demos/webGpuNativeWasm/index.html
similarity index 98%
rename from webGpuWasmRaytrace.html
rename to demos/webGpuNativeWasm/index.html
index 57eb426..6b9a8a9 100644
--- a/webGpuWasmRaytrace.html
+++ b/demos/webGpuNativeWasm/index.html
@@ -3,6 +3,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <base href="./">
   <title>Fullscreen WASM Raytracer - WebGPU</title>
   <style>
     html, body {
@@ -31,7 +32,7 @@
   <canvas id="gpu-canvas"></canvas>
 
 <script type="module">
-import WasmModule from './wasm_renderer.js';
+import WasmModule from '/demos/webGpuNativeWasm/wasm_renderer.js';
 
 async function main() {
   const canvas = document.getElementById('gpu-canvas');
diff --git a/demos/webGpuNativeWasm/wasm_renderer.js b/demos/webGpuNativeWasm/wasm_renderer.js
new file mode 100644
index 0000000..94939b1
--- /dev/null
+++ b/demos/webGpuNativeWasm/wasm_renderer.js
@@ -0,0 +1,2 @@
+async function Module(moduleArg={}){var moduleRtn;var Module=moduleArg;var ENVIRONMENT_IS_WEB=typeof window=="object";var ENVIRONMENT_IS_WORKER=typeof WorkerGlobalScope!="undefined";var ENVIRONMENT_IS_NODE=typeof process=="object"&&process.versions?.node&&process.type!="renderer";var ENVIRONMENT_IS_PTHREAD=ENVIRONMENT_IS_WORKER&&self.name?.startsWith("em-pthread");var arguments_=[];var thisProgram="./this.program";var quit_=(status,toThrow)=>{throw toThrow};var _scriptName=import.meta.url;var scriptDirectory="";function locateFile(path){if(Module["locateFile"]){return Module["locateFile"](path,scriptDirectory)}return scriptDirectory+path}var readAsync,readBinary;if(ENVIRONMENT_IS_WEB||ENVIRONMENT_IS_WORKER){try{scriptDirectory=new URL(".",_scriptName).href}catch{}{if(ENVIRONMENT_IS_WORKER){readBinary=url=>{var xhr=new XMLHttpRequest;xhr.open("GET",url,false);xhr.responseType="arraybuffer";xhr.send(null);return new Uint8Array(xhr.response)}}readAsync=async url=>{var response=await fetch(url,{credentials:"same-origin"});if(response.ok){return response.arrayBuffer()}throw new Error(response.status+" : "+response.url)}}}else{}var out=console.log.bind(console);var err=console.error.bind(console);var wasmBinary;var wasmModule;var ABORT=false;var EXITSTATUS;var readyPromiseResolve,readyPromiseReject;var wasmModuleReceived;var startWorker;if(ENVIRONMENT_IS_PTHREAD){var initializedJS=false;self.onunhandledrejection=e=>{throw e.reason||e};function handleMessage(e){try{var msgData=e["data"];var cmd=msgData.cmd;if(cmd==="load"){let messageQueue=[];self.onmessage=e=>messageQueue.push(e);startWorker=()=>{postMessage({cmd:"loaded"});for(let msg of messageQueue){handleMessage(msg)}self.onmessage=handleMessage};for(const handler of msgData.handlers){if(!Module[handler]||Module[handler].proxy){Module[handler]=(...args)=>{postMessage({cmd:"callHandler",handler,args})};if(handler=="print")out=Module[handler];if(handler=="printErr")err=Module[handler]}}wasmMemory=msgData.wasmMemory;updateMemoryViews();wasmModuleReceived(msgData.wasmModule)}else if(cmd==="run"){establishStackSpace(msgData.pthread_ptr);__emscripten_thread_init(msgData.pthread_ptr,0,0,1,0,0);PThread.threadInitTLS();__emscripten_thread_mailbox_await(msgData.pthread_ptr);if(!initializedJS){initializedJS=true}try{invokeEntryPoint(msgData.start_routine,msgData.arg)}catch(ex){if(ex!="unwind"){throw ex}}}else if(msgData.target==="setimmediate"){}else if(cmd==="checkMailbox"){if(initializedJS){checkMailbox()}}else if(cmd){err(`worker: received unknown command ${cmd}`);err(msgData)}}catch(ex){__emscripten_thread_crashed();throw ex}}self.onmessage=handleMessage}var wasmMemory;var HEAP8,HEAPU8,HEAP16,HEAPU16,HEAP32,HEAPU32,HEAPF32,HEAPF64;var HEAP64,HEAPU64;var runtimeInitialized=false;function updateMemoryViews(){var b=wasmMemory.buffer;HEAP8=new Int8Array(b);HEAP16=new Int16Array(b);Module["HEAPU8"]=HEAPU8=new Uint8Array(b);HEAPU16=new Uint16Array(b);HEAP32=new Int32Array(b);HEAPU32=new Uint32Array(b);HEAPF32=new Float32Array(b);HEAPF64=new Float64Array(b);HEAP64=new BigInt64Array(b);HEAPU64=new BigUint64Array(b)}function initMemory(){if(ENVIRONMENT_IS_PTHREAD){return}if(Module["wasmMemory"]){wasmMemory=Module["wasmMemory"]}else{var INITIAL_MEMORY=Module["INITIAL_MEMORY"]||268435456;wasmMemory=new WebAssembly.Memory({initial:INITIAL_MEMORY/65536,maximum:INITIAL_MEMORY/65536,shared:true})}updateMemoryViews()}function preRun(){if(Module["preRun"]){if(typeof Module["preRun"]=="function")Module["preRun"]=[Module["preRun"]];while(Module["preRun"].length){addOnPreRun(Module["preRun"].shift())}}callRuntimeCallbacks(onPreRuns)}function initRuntime(){runtimeInitialized=true;if(ENVIRONMENT_IS_PTHREAD)return startWorker();wasmExports["m"]()}function postRun(){if(ENVIRONMENT_IS_PTHREAD){return}if(Module["postRun"]){if(typeof Module["postRun"]=="function")Module["postRun"]=[Module["postRun"]];while(Module["postRun"].length){addOnPostRun(Module["postRun"].shift())}}callRuntimeCallbacks(onPostRuns)}var runDependencies=0;var dependenciesFulfilled=null;function addRunDependency(id){runDependencies++;Module["monitorRunDependencies"]?.(runDependencies)}function removeRunDependency(id){runDependencies--;Module["monitorRunDependencies"]?.(runDependencies);if(runDependencies==0){if(dependenciesFulfilled){var callback=dependenciesFulfilled;dependenciesFulfilled=null;callback()}}}function abort(what){Module["onAbort"]?.(what);what="Aborted("+what+")";err(what);ABORT=true;what+=". Build with -sASSERTIONS for more info.";var e=new WebAssembly.RuntimeError(what);readyPromiseReject?.(e);throw e}var wasmBinaryFile;function findWasmBinary(){if(Module["locateFile"]){return locateFile("wasm_renderer.wasm")}return new URL("wasm_renderer.wasm",import.meta.url).href}function getBinarySync(file){if(file==wasmBinaryFile&&wasmBinary){return new Uint8Array(wasmBinary)}if(readBinary){return readBinary(file)}throw"both async and sync fetching of the wasm failed"}async function getWasmBinary(binaryFile){if(!wasmBinary){try{var response=await readAsync(binaryFile);return new Uint8Array(response)}catch{}}return getBinarySync(binaryFile)}async function instantiateArrayBuffer(binaryFile,imports){try{var binary=await getWasmBinary(binaryFile);var instance=await WebAssembly.instantiate(binary,imports);return instance}catch(reason){err(`failed to asynchronously prepare wasm: ${reason}`);abort(reason)}}async function instantiateAsync(binary,binaryFile,imports){if(!binary){try{var response=fetch(binaryFile,{credentials:"same-origin"});var instantiationResult=await WebAssembly.instantiateStreaming(response,imports);return instantiationResult}catch(reason){err(`wasm streaming compile failed: ${reason}`);err("falling back to ArrayBuffer instantiation")}}return instantiateArrayBuffer(binaryFile,imports)}function getWasmImports(){assignWasmImports();return{a:wasmImports}}async function createWasm(){function receiveInstance(instance,module){wasmExports=instance.exports;registerTLSInit(wasmExports["s"]);wasmTable=wasmExports["r"];wasmModule=module;assignWasmExports(wasmExports);removeRunDependency("wasm-instantiate");return wasmExports}addRunDependency("wasm-instantiate");function receiveInstantiationResult(result){return receiveInstance(result["instance"],result["module"])}var info=getWasmImports();if(Module["instantiateWasm"]){return new Promise((resolve,reject)=>{Module["instantiateWasm"](info,(mod,inst)=>{resolve(receiveInstance(mod,inst))})})}if(ENVIRONMENT_IS_PTHREAD){return new Promise(resolve=>{wasmModuleReceived=module=>{var instance=new WebAssembly.Instance(module,getWasmImports());resolve(receiveInstance(instance,module))}})}wasmBinaryFile??=findWasmBinary();var result=await instantiateAsync(wasmBinary,wasmBinaryFile,info);var exports=receiveInstantiationResult(result);return exports}class ExitStatus{name="ExitStatus";constructor(status){this.message=`Program terminated with exit(${status})`;this.status=status}}var terminateWorker=worker=>{worker.terminate();worker.onmessage=e=>{}};var cleanupThread=pthread_ptr=>{var worker=PThread.pthreads[pthread_ptr];PThread.returnWorkerToPool(worker)};var callRuntimeCallbacks=callbacks=>{while(callbacks.length>0){callbacks.shift()(Module)}};var onPreRuns=[];var addOnPreRun=cb=>onPreRuns.push(cb);var spawnThread=threadParams=>{var worker=PThread.getNewWorker();if(!worker){return 6}PThread.runningWorkers.push(worker);PThread.pthreads[threadParams.pthread_ptr]=worker;worker.pthread_ptr=threadParams.pthread_ptr;var msg={cmd:"run",start_routine:threadParams.startRoutine,arg:threadParams.arg,pthread_ptr:threadParams.pthread_ptr};worker.postMessage(msg,threadParams.transferList);return 0};var runtimeKeepaliveCounter=0;var keepRuntimeAlive=()=>noExitRuntime||runtimeKeepaliveCounter>0;var stackSave=()=>_emscripten_stack_get_current();var stackRestore=val=>__emscripten_stack_restore(val);var stackAlloc=sz=>__emscripten_stack_alloc(sz);var proxyToMainThread=(funcIndex,emAsmAddr,sync,...callArgs)=>{var serializedNumCallArgs=callArgs.length*2;var sp=stackSave();var args=stackAlloc(serializedNumCallArgs*8);var b=args>>3;for(var i=0;i<callArgs.length;i++){var arg=callArgs[i];if(typeof arg=="bigint"){HEAP64[b+2*i]=1n;HEAP64[b+2*i+1]=arg}else{HEAP64[b+2*i]=0n;HEAPF64[b+2*i+1]=arg}}var rtn=__emscripten_run_js_on_main_thread(funcIndex,emAsmAddr,serializedNumCallArgs,args,sync);stackRestore(sp);return rtn};function _proc_exit(code){if(ENVIRONMENT_IS_PTHREAD)return proxyToMainThread(0,0,1,code);EXITSTATUS=code;if(!keepRuntimeAlive()){PThread.terminateAllThreads();Module["onExit"]?.(code);ABORT=true}quit_(code,new ExitStatus(code))}function exitOnMainThread(returnCode){if(ENVIRONMENT_IS_PTHREAD)return proxyToMainThread(1,0,0,returnCode);_exit(returnCode)}var exitJS=(status,implicit)=>{EXITSTATUS=status;if(ENVIRONMENT_IS_PTHREAD){exitOnMainThread(status);throw"unwind"}_proc_exit(status)};var _exit=exitJS;var PThread={unusedWorkers:[],runningWorkers:[],tlsInitFunctions:[],pthreads:{},init(){if(!ENVIRONMENT_IS_PTHREAD){PThread.initMainThread()}},initMainThread(){var pthreadPoolSize=8;while(pthreadPoolSize--){PThread.allocateUnusedWorker()}addOnPreRun(()=>{addRunDependency("loading-workers");PThread.loadWasmModuleToAllWorkers(()=>removeRunDependency("loading-workers"))})},terminateAllThreads:()=>{for(var worker of PThread.runningWorkers){terminateWorker(worker)}for(var worker of PThread.unusedWorkers){terminateWorker(worker)}PThread.unusedWorkers=[];PThread.runningWorkers=[];PThread.pthreads={}},returnWorkerToPool:worker=>{var pthread_ptr=worker.pthread_ptr;delete PThread.pthreads[pthread_ptr];PThread.unusedWorkers.push(worker);PThread.runningWorkers.splice(PThread.runningWorkers.indexOf(worker),1);worker.pthread_ptr=0;__emscripten_thread_free_data(pthread_ptr)},threadInitTLS(){PThread.tlsInitFunctions.forEach(f=>f())},loadWasmModuleToWorker:worker=>new Promise(onFinishedLoading=>{worker.onmessage=e=>{var d=e["data"];var cmd=d.cmd;if(d.targetThread&&d.targetThread!=_pthread_self()){var targetWorker=PThread.pthreads[d.targetThread];if(targetWorker){targetWorker.postMessage(d,d.transferList)}else{err(`Internal error! Worker sent a message "${cmd}" to target pthread ${d.targetThread}, but that thread no longer exists!`)}return}if(cmd==="checkMailbox"){checkMailbox()}else if(cmd==="spawnThread"){spawnThread(d)}else if(cmd==="cleanupThread"){callUserCallback(()=>cleanupThread(d.thread))}else if(cmd==="loaded"){worker.loaded=true;onFinishedLoading(worker)}else if(d.target==="setimmediate"){worker.postMessage(d)}else if(cmd==="callHandler"){Module[d.handler](...d.args)}else if(cmd){err(`worker sent an unknown command ${cmd}`)}};worker.onerror=e=>{var message="worker sent an error!";err(`${message} ${e.filename}:${e.lineno}: ${e.message}`);throw e};var handlers=[];var knownHandlers=["onExit","onAbort","print","printErr"];for(var handler of knownHandlers){if(Module.propertyIsEnumerable(handler)){handlers.push(handler)}}worker.postMessage({cmd:"load",handlers,wasmMemory,wasmModule})}),loadWasmModuleToAllWorkers(onMaybeReady){if(ENVIRONMENT_IS_PTHREAD){return onMaybeReady()}let pthreadPoolReady=Promise.all(PThread.unusedWorkers.map(PThread.loadWasmModuleToWorker));pthreadPoolReady.then(onMaybeReady)},allocateUnusedWorker(){var worker;if(Module["mainScriptUrlOrBlob"]){var pthreadMainJs=Module["mainScriptUrlOrBlob"];if(typeof pthreadMainJs!="string"){pthreadMainJs=URL.createObjectURL(pthreadMainJs)}worker=new Worker(pthreadMainJs,{type:"module",name:"em-pthread"})}else worker=new Worker(new URL("wasm_renderer.js",import.meta.url),{type:"module",name:"em-pthread"});PThread.unusedWorkers.push(worker)},getNewWorker(){if(PThread.unusedWorkers.length==0){PThread.allocateUnusedWorker();PThread.loadWasmModuleToWorker(PThread.unusedWorkers[0])}return PThread.unusedWorkers.pop()}};var onPostRuns=[];var addOnPostRun=cb=>onPostRuns.push(cb);function establishStackSpace(pthread_ptr){var stackHigh=HEAPU32[pthread_ptr+52>>2];var stackSize=HEAPU32[pthread_ptr+56>>2];var stackLow=stackHigh-stackSize;_emscripten_stack_set_limits(stackHigh,stackLow);stackRestore(stackHigh)}var wasmTableMirror=[];var wasmTable;var getWasmTableEntry=funcPtr=>{var func=wasmTableMirror[funcPtr];if(!func){wasmTableMirror[funcPtr]=func=wasmTable.get(funcPtr)}return func};var invokeEntryPoint=(ptr,arg)=>{runtimeKeepaliveCounter=0;noExitRuntime=0;var result=getWasmTableEntry(ptr)(arg);function finish(result){if(keepRuntimeAlive()){EXITSTATUS=result}else{__emscripten_thread_exit(result)}}finish(result)};var noExitRuntime=true;var registerTLSInit=tlsInitFunc=>PThread.tlsInitFunctions.push(tlsInitFunc);var __emscripten_init_main_thread_js=tb=>{__emscripten_thread_init(tb,!ENVIRONMENT_IS_WORKER,1,!ENVIRONMENT_IS_WEB,65536,false);PThread.threadInitTLS()};var handleException=e=>{if(e instanceof ExitStatus||e=="unwind"){return EXITSTATUS}quit_(1,e)};var maybeExit=()=>{if(!keepRuntimeAlive()){try{if(ENVIRONMENT_IS_PTHREAD)__emscripten_thread_exit(EXITSTATUS);else _exit(EXITSTATUS)}catch(e){handleException(e)}}};var callUserCallback=func=>{if(ABORT){return}try{func();maybeExit()}catch(e){handleException(e)}};var __emscripten_thread_mailbox_await=pthread_ptr=>{if(typeof Atomics.waitAsync==="function"){var wait=Atomics.waitAsync(HEAP32,pthread_ptr>>2,pthread_ptr);wait.value.then(checkMailbox);var waitingAsync=pthread_ptr+128;Atomics.store(HEAP32,waitingAsync>>2,1)}};var checkMailbox=()=>{var pthread_ptr=_pthread_self();if(pthread_ptr){__emscripten_thread_mailbox_await(pthread_ptr);callUserCallback(__emscripten_check_mailbox)}};var __emscripten_notify_mailbox_postmessage=(targetThread,currThreadId)=>{if(targetThread==currThreadId){setTimeout(checkMailbox)}else if(ENVIRONMENT_IS_PTHREAD){postMessage({targetThread,cmd:"checkMailbox"})}else{var worker=PThread.pthreads[targetThread];if(!worker){return}worker.postMessage({cmd:"checkMailbox"})}};var proxiedJSCallArgs=[];var __emscripten_receive_on_main_thread_js=(funcIndex,emAsmAddr,callingThread,numCallArgs,args)=>{numCallArgs/=2;proxiedJSCallArgs.length=numCallArgs;var b=args>>3;for(var i=0;i<numCallArgs;i++){if(HEAP64[b+2*i]){proxiedJSCallArgs[i]=HEAP64[b+2*i+1]}else{proxiedJSCallArgs[i]=HEAPF64[b+2*i+1]}}var func=proxiedFunctionTable[funcIndex];PThread.currentProxiedOperationCallerThread=callingThread;var rtn=func(...proxiedJSCallArgs);PThread.currentProxiedOperationCallerThread=0;return rtn};var __emscripten_thread_cleanup=thread=>{if(!ENVIRONMENT_IS_PTHREAD)cleanupThread(thread);else postMessage({cmd:"cleanupThread",thread})};var __emscripten_thread_set_strongref=thread=>{};var _emscripten_get_now=()=>performance.timeOrigin+performance.now();var _emscripten_check_blocking_allowed=()=>{};var runtimeKeepalivePush=()=>{runtimeKeepaliveCounter+=1};var _emscripten_exit_with_live_runtime=()=>{runtimeKeepalivePush();throw"unwind"};var abortOnCannotGrowMemory=requestedSize=>{abort("OOM")};var _emscripten_resize_heap=requestedSize=>{var oldSize=HEAPU8.length;requestedSize>>>=0;abortOnCannotGrowMemory(requestedSize)};var getCFunc=ident=>{var func=Module["_"+ident];return func};var writeArrayToMemory=(array,buffer)=>{HEAP8.set(array,buffer)};var lengthBytesUTF8=str=>{var len=0;for(var i=0;i<str.length;++i){var c=str.charCodeAt(i);if(c<=127){len++}else if(c<=2047){len+=2}else if(c>=55296&&c<=57343){len+=4;++i}else{len+=3}}return len};var stringToUTF8Array=(str,heap,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.codePointAt(i);if(u<=127){if(outIdx>=endIdx)break;heap[outIdx++]=u}else if(u<=2047){if(outIdx+1>=endIdx)break;heap[outIdx++]=192|u>>6;heap[outIdx++]=128|u&63}else if(u<=65535){if(outIdx+2>=endIdx)break;heap[outIdx++]=224|u>>12;heap[outIdx++]=128|u>>6&63;heap[outIdx++]=128|u&63}else{if(outIdx+3>=endIdx)break;heap[outIdx++]=240|u>>18;heap[outIdx++]=128|u>>12&63;heap[outIdx++]=128|u>>6&63;heap[outIdx++]=128|u&63;i++}}heap[outIdx]=0;return outIdx-startIdx};var stringToUTF8=(str,outPtr,maxBytesToWrite)=>stringToUTF8Array(str,HEAPU8,outPtr,maxBytesToWrite);var stringToUTF8OnStack=str=>{var size=lengthBytesUTF8(str)+1;var ret=stackAlloc(size);stringToUTF8(str,ret,size);return ret};var UTF8Decoder=typeof TextDecoder!="undefined"?new TextDecoder:undefined;var findStringEnd=(heapOrArray,idx,maxBytesToRead,ignoreNul)=>{var maxIdx=idx+maxBytesToRead;if(ignoreNul)return maxIdx;while(heapOrArray[idx]&&!(idx>=maxIdx))++idx;return idx};var UTF8ArrayToString=(heapOrArray,idx=0,maxBytesToRead,ignoreNul)=>{var endPtr=findStringEnd(heapOrArray,idx,maxBytesToRead,ignoreNul);if(endPtr-idx>16&&heapOrArray.buffer&&UTF8Decoder){return UTF8Decoder.decode(heapOrArray.buffer instanceof ArrayBuffer?heapOrArray.subarray(idx,endPtr):heapOrArray.slice(idx,endPtr))}var str="";while(idx<endPtr){var u0=heapOrArray[idx++];if(!(u0&128)){str+=String.fromCharCode(u0);continue}var u1=heapOrArray[idx++]&63;if((u0&224)==192){str+=String.fromCharCode((u0&31)<<6|u1);continue}var u2=heapOrArray[idx++]&63;if((u0&240)==224){u0=(u0&15)<<12|u1<<6|u2}else{u0=(u0&7)<<18|u1<<12|u2<<6|heapOrArray[idx++]&63}if(u0<65536){str+=String.fromCharCode(u0)}else{var ch=u0-65536;str+=String.fromCharCode(55296|ch>>10,56320|ch&1023)}}return str};var UTF8ToString=(ptr,maxBytesToRead,ignoreNul)=>ptr?UTF8ArrayToString(HEAPU8,ptr,maxBytesToRead,ignoreNul):"";var ccall=(ident,returnType,argTypes,args,opts)=>{var toC={string:str=>{var ret=0;if(str!==null&&str!==undefined&&str!==0){ret=stringToUTF8OnStack(str)}return ret},array:arr=>{var ret=stackAlloc(arr.length);writeArrayToMemory(arr,ret);return ret}};function convertReturnValue(ret){if(returnType==="string"){return UTF8ToString(ret)}if(returnType==="boolean")return Boolean(ret);return ret}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=stackSave();cArgs[i]=converter(args[i])}else{cArgs[i]=args[i]}}}var ret=func(...cArgs);function onDone(ret){if(stack!==0)stackRestore(stack);return convertReturnValue(ret)}ret=onDone(ret);return ret};var cwrap=(ident,returnType,argTypes,opts)=>{var numericArgs=!argTypes||argTypes.every(type=>type==="number"||type==="boolean");var numericRet=returnType!=="string";if(numericRet&&numericArgs&&!opts){return getCFunc(ident)}return(...args)=>ccall(ident,returnType,argTypes,args,opts)};PThread.init();{initMemory();if(Module["noExitRuntime"])noExitRuntime=Module["noExitRuntime"];if(Module["print"])out=Module["print"];if(Module["printErr"])err=Module["printErr"];if(Module["wasmBinary"])wasmBinary=Module["wasmBinary"];if(Module["arguments"])arguments_=Module["arguments"];if(Module["thisProgram"])thisProgram=Module["thisProgram"]}Module["ccall"]=ccall;Module["cwrap"]=cwrap;var proxiedFunctionTable=[_proc_exit,exitOnMainThread];var _set_resolution,_init_framebuffer,_get_framebuffer_ptr,_update_framebuffer,__emscripten_tls_init,_pthread_self,__emscripten_thread_init,__emscripten_thread_crashed,__emscripten_run_js_on_main_thread,__emscripten_thread_free_data,__emscripten_thread_exit,__emscripten_check_mailbox,_emscripten_stack_set_limits,__emscripten_stack_restore,__emscripten_stack_alloc,_emscripten_stack_get_current;function assignWasmExports(wasmExports){Module["_set_resolution"]=_set_resolution=wasmExports["n"];Module["_init_framebuffer"]=_init_framebuffer=wasmExports["o"];Module["_get_framebuffer_ptr"]=_get_framebuffer_ptr=wasmExports["p"];Module["_update_framebuffer"]=_update_framebuffer=wasmExports["q"];__emscripten_tls_init=wasmExports["s"];_pthread_self=wasmExports["t"];__emscripten_thread_init=wasmExports["u"];__emscripten_thread_crashed=wasmExports["v"];__emscripten_run_js_on_main_thread=wasmExports["w"];__emscripten_thread_free_data=wasmExports["x"];__emscripten_thread_exit=wasmExports["y"];__emscripten_check_mailbox=wasmExports["z"];_emscripten_stack_set_limits=wasmExports["A"];__emscripten_stack_restore=wasmExports["B"];__emscripten_stack_alloc=wasmExports["C"];_emscripten_stack_get_current=wasmExports["D"]}var wasmImports;function assignWasmImports(){wasmImports={h:__emscripten_init_main_thread_js,l:__emscripten_notify_mailbox_postmessage,i:__emscripten_receive_on_main_thread_js,c:__emscripten_thread_cleanup,g:__emscripten_thread_mailbox_await,f:__emscripten_thread_set_strongref,j:_emscripten_check_blocking_allowed,e:_emscripten_exit_with_live_runtime,b:_emscripten_get_now,d:_emscripten_resize_heap,k:_exit,a:wasmMemory}}var wasmExports=await createWasm();function run(){if(runDependencies>0){dependenciesFulfilled=run;return}if(ENVIRONMENT_IS_PTHREAD){readyPromiseResolve?.(Module);initRuntime();return}preRun();if(runDependencies>0){dependenciesFulfilled=run;return}function doRun(){Module["calledRun"]=true;if(ABORT)return;initRuntime();readyPromiseResolve?.(Module);Module["onRuntimeInitialized"]?.();postRun()}if(Module["setStatus"]){Module["setStatus"]("Running...");setTimeout(()=>{setTimeout(()=>Module["setStatus"](""),1);doRun()},1)}else{doRun()}}function preInit(){if(Module["preInit"]){if(typeof Module["preInit"]=="function")Module["preInit"]=[Module["preInit"]];while(Module["preInit"].length>0){Module["preInit"].shift()()}}}preInit();run();if(runtimeInitialized){moduleRtn=Module}else{moduleRtn=new Promise((resolve,reject)=>{readyPromiseResolve=resolve;readyPromiseReject=reject})}
+;return moduleRtn}export default Module;var isPthread=globalThis.self?.name?.startsWith("em-pthread");isPthread&&Module();
diff --git a/demos/webGpuNativeWasm/wasm_renderer.wasm b/demos/webGpuNativeWasm/wasm_renderer.wasm
new file mode 100755
index 0000000..70b1e23
Binary files /dev/null and b/demos/webGpuNativeWasm/wasm_renderer.wasm differ
diff --git a/wasm_render.html b/wasm_render.html
deleted file mode 100644
index 519455f..0000000
--- a/wasm_render.html
+++ /dev/null
@@ -1,186 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1" />
-<title>Fullscreen WASM Raytracer - Fast Loop</title>
-<style>
-  html, body {
-    margin: 0; padding: 0; overflow: hidden; height: 100%;
-    background: black;
-  }
-  canvas {
-    display: block;
-    width: 100vw;
-    height: 100vh;
-  }
-  #fps {
-    position: fixed;
-    top: 5px; left: 5px;
-    color: white;
-    background: rgba(0,0,0,0.5);
-    padding: 4px 8px;
-    font-family: monospace;
-    font-size: 14px;
-    z-index: 100;
-  }
-</style>
-</head>
-<body>
-  <div id="fps">FPS: 0</div>
-  <canvas></canvas>
-
-<script type="module">
-  import WasmModule from './wasm_renderer.js';
-
-  async function main() {
-    const canvas = document.querySelector('canvas');
-    const fpsElem = document.getElementById('fps');
-    const gl = canvas.getContext('webgl');
-    if (!gl) {
-      alert("WebGL not supported");
-      return;
-    }
-
-    // Shader setup (same as before)
-    const vertexShaderSource = `
-      attribute vec2 a_pos;
-      varying vec2 v_uv;
-      void main() {
-        v_uv = (a_pos + 1.0) * 0.5;
-        gl_Position = vec4(a_pos, 0, 1);
-      }
-    `;
-
-    const fragmentShaderSource = `
-      precision mediump float;
-      varying vec2 v_uv;
-      uniform sampler2D u_texture;
-      void main() {
-        gl_FragColor = texture2D(u_texture, v_uv);
-      }
-    `;
-
-    function compileShader(type, source) {
-      const shader = gl.createShader(type);
-      gl.shaderSource(shader, source);
-      gl.compileShader(shader);
-      if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-        throw new Error(gl.getShaderInfoLog(shader));
-      }
-      return shader;
-    }
-
-    function createProgram(vsSource, fsSource) {
-      const program = gl.createProgram();
-      gl.attachShader(program, compileShader(gl.VERTEX_SHADER, vsSource));
-      gl.attachShader(program, compileShader(gl.FRAGMENT_SHADER, fsSource));
-      gl.linkProgram(program);
-      if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
-        throw new Error(gl.getProgramInfoLog(program));
-      }
-      return program;
-    }
-
-    const program = createProgram(vertexShaderSource, fragmentShaderSource);
-    gl.useProgram(program);
-
-    const posLoc = gl.getAttribLocation(program, 'a_pos');
-    const texLoc = gl.getUniformLocation(program, 'u_texture');
-
-    // Fullscreen quad (2 triangles)
-    const vertexBuffer = gl.createBuffer();
-    gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
-      -1, -1,
-       1, -1,
-      -1,  1,
-      -1,  1,
-       1, -1,
-       1,  1
-    ]), gl.STATIC_DRAW);
-
-    gl.enableVertexAttribArray(posLoc);
-    gl.vertexAttribPointer(posLoc, 2, gl.FLOAT, false, 0, 0);
-
-    // Create texture
-    const texture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, texture);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-    gl.uniform1i(texLoc, 0);
-
-    // Load WASM module
-    const wasm = await WasmModule();
-
-    let width = window.innerWidth;
-    let height = window.innerHeight;
-
-    function resize() {
-      width = window.innerWidth;
-      height = window.innerHeight;
-      canvas.width = width;
-      canvas.height = height;
-
-      wasm._set_resolution(width, height);
-
-      gl.bindTexture(gl.TEXTURE_2D, texture);
-      gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0,
-                    gl.RGBA, gl.UNSIGNED_BYTE, null);
-
-      gl.viewport(0, 0, width, height);
-    }
-
-    window.addEventListener('resize', resize);
-    resize();
-
-    const framebufferPtr = wasm._get_framebuffer_ptr();
-    let framebufferUint8 = new Uint8Array(wasm.HEAPU8.buffer, framebufferPtr, width * height * 4);
-
-    // FPS tracking
-    let frameCount = 0;
-    let lastTime = performance.now();
-
-    // Setup MessageChannel for uncapped fast loop
-    const channel = new MessageChannel();
-
-    function render(time) {
-     wasm._update_framebuffer(time * 0.001);
-
-      // Update framebuffer view in case of resize (optional)
-      framebufferUint8 = new Uint8Array(wasm.HEAPU8.buffer, framebufferPtr, width * height * 4);
-
-      // Upload texture and draw
-      gl.bindTexture(gl.TEXTURE_2D, texture);
-      gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, width, height,
-                       gl.RGBA, gl.UNSIGNED_BYTE, framebufferUint8);
-      gl.clear(gl.COLOR_BUFFER_BIT);
-      gl.drawArrays(gl.TRIANGLES, 0, 6);
-
-      // FPS counting
-      frameCount++;
-      const now = performance.now();
-      const delta = now - lastTime;
-      if (delta >= 1000) {
-        const fps = (frameCount * 1000) / delta;
-        fpsElem.textContent = `FPS: ${fps.toFixed(1)}`;
-        frameCount = 0;
-        lastTime = now;
-      }
-
-      // Schedule next frame ASAP through message channel
-      channel.port2.postMessage(performance.now());
-    }
-
-    channel.port1.onmessage = (e) => render(e.data);
-
-    // Start loop
-    channel.port2.postMessage(performance.now());
-  }
-
-  main();
-</script>
-</body>
-</html>