BaseWebGPU/shared.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>BaseWebGPU Shared</title>
  <style>
    body { width: 100vw; height: 100vh; overflow: hidden;}
    canvas { width: 100%; height: 100%; display:block; background-color: black;}
    body, canvas { margin: 0px; border: 0px; padding: 0px; };
  </style>
</head><body><script>
// =======================================
const canvas = document.createElement("canvas");
canvas.setAttribute("id", "canvas");
document.body.appendChild(canvas);
const context = canvas.getContext("2d");
// =====================================
async function main() {
  console.log("main: start");

  BaseWebGPU.add(2,2);
  BaseWebGPU.sub(2,5);

  console.log("main: end");
  console.log(canvas.width, canvas.height);
};
// =====================================
</script>
{{{ SCRIPT }}}
<script>
Module.onRuntimeInitialized = () => { 
  BaseWebGPU.init();
  main();  
};
</script>    
</body></html>