diff options
| author | Ilion Beyst <ilion.beyst@gmail.com> | 2021-12-29 21:24:57 +0100 |
|---|---|---|
| committer | Ilion Beyst <ilion.beyst@gmail.com> | 2021-12-29 21:25:29 +0100 |
| commit | 0c6d978442b244ca3f29c1ffdd44b5007ae7ad93 (patch) | |
| tree | baae5fa459a49ecd362e548e0649e2f58c669a70 /web/pw-visualizer/src/index.html | |
| parent | 3eeaab6cec70e7a06a99a1ac2662974f71064bee (diff) | |
| download | planetwars.dev-0c6d978442b244ca3f29c1ffdd44b5007ae7ad93.tar.xz planetwars.dev-0c6d978442b244ca3f29c1ffdd44b5007ae7ad93.zip | |
separate out visualizer library
Diffstat (limited to 'web/pw-visualizer/src/index.html')
| -rw-r--r-- | web/pw-visualizer/src/index.html | 102 |
1 files changed, 102 insertions, 0 deletions
diff --git a/web/pw-visualizer/src/index.html b/web/pw-visualizer/src/index.html new file mode 100644 index 0000000..c2b2c33 --- /dev/null +++ b/web/pw-visualizer/src/index.html @@ -0,0 +1,102 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>Hello wasm-pack!</title> + <link rel="stylesheet" type="text/css" href="static/res/style.css"> + </head> + <body> + <input type="file" id="fileselect" style="display: none"> + <div id=wrapper> + + <div id="main" class="loading"> + <canvas id="c"></canvas> + <div id="name"></div> + <div id="addbutton" class="button"></div> + + <div id="meta"> + <div id="turnCounter"> + 0 / 0 + </div> + <div> + <span>Ms per frame: </span> + <input type="number" id="speed" value="100"> + </div> + <div class="slidecontainer"> + <input type="range" min="0" max="1" value="1" class="slider" id="turnSlider"> + </div> + </div> + </div> + + <div class=".options" id=options> + <div class="option"> + Option one + </div> + <div class="option"> + Option two + </div> + <div class="option"> + Option three + </div> + <div class="option"> + Option three + </div> + <div class="option"> + Option three + </div> + <div class="option"> + Option three + </div> + <div class="option"> + Option three + </div> + <div class="option"> + Option three + </div> + <div class="option"> + Option three + </div> + <div class="option"> + Option three + </div><div class="option"> + Option three + </div> + <div class="option"> + Option three + </div> + <div class="option"> + Option three + </div> + <div class="option"> + Option three + </div> + <div class="option"> + Option three + </div> + <div class="option"> + Option three + </div><div class="option"> + Option three + </div> + <div class="option"> + Option three + </div> + </div> + + </div> + + + <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript> + <script src="bootstrap.js"></script> + <script> + const URL = window.location.origin + window.location.pathname; + const LOCATION = URL.substring(0, URL.lastIndexOf("/") + 1); + + const game_location = LOCATION + "static/games/Chandra Garrett.json"; + const name = "Chandra Garrett"; + window.setTimeout( + () => visualizer.handle(game_location, name), 1000 + ) + </script> + </body> +</html> |