diff options
| author | LLLL Colonq <llll@colonq> | 2025-02-18 00:33:43 -0500 |
|---|---|---|
| committer | LLLL Colonq <llll@colonq> | 2025-02-18 00:33:43 -0500 |
| commit | 12a8b6bb63ab52cd4828f16d26d94079fa576436 (patch) | |
| tree | e5bc3783d8e9f17c5653aacb4576bda63a337dcb /templates/throwshade/index.html | |
| parent | d03675f9effa443811f054578f7c24e17adbd6dc (diff) | |
Add throwshade
Diffstat (limited to 'templates/throwshade/index.html')
| -rw-r--r-- | templates/throwshade/index.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/templates/throwshade/index.html b/templates/throwshade/index.html new file mode 100644 index 0000000..2bf006a --- /dev/null +++ b/templates/throwshade/index.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> + <title>LLLLColonq ShaderVerse Prime: The NEXTus (shado-realm)</title> + <link rel="icon" href="./assets/mrgreen.png"> + <link rel="stylesheet" type="text/css" href="./main.css"> + <script type="module"> +CONFIG_SUBST + globalThis.mode = "throwshade"; + </script> + <script type="module"> + import init, * as bindings from "./newton/throwshade.js"; + const wasm = await init({ module_or_path: "./newton/throwshade.wasm" }); + window.wasmBindings = bindings; + console.log("initialized, starting..."); + window.wasmBindings.main_js(); + </script> + <script type="module" src="./main.js"></script> + </head> + <body id="lcolonq-throwshade"> + <div id="teleia-parent" class="lcolonq-throwshade-canvas"></div> + <div id="lcolonq-throwshade-bottom"> + <div id="lcolonq-throwshade-bottom-left"> + <textarea id="lcolonq-throwshade-textarea"> +vec4 shade(vec2 cs) { + return vec4(0.0, 1.0, 0.0, 1.0); +} +</textarea> + </div> + <div id="lcolonq-throwshade-bottom-right"> + <img id="lcolonq-throwshade-button-test" src="./assets/test.gif"></img> + <img id="lcolonq-throwshade-button-submit" src="./assets/upload.gif"></img> + </div> + </div> + </body> +</html> |