diff options
| author | James Barnett <noreply@jamesbarnett.xyz> | 2020-12-30 14:38:34 +0000 |
|---|---|---|
| committer | James Barnett <noreply@jamesbarnett.xyz> | 2020-12-30 14:38:34 +0000 |
| commit | 83b0b4cb19d7f0137cde962ee81a900baf2bd953 (patch) | |
| tree | 838204167415de676190a1534767497f084e7a7b /src/main/resources/index.html | |
| parent | ad192fe7068081ed88f8616581bf450d601e99b1 (diff) | |
| download | kotlin-raycaster-83b0b4cb19d7f0137cde962ee81a900baf2bd953.tar.xz kotlin-raycaster-83b0b4cb19d7f0137cde962ee81a900baf2bd953.zip | |
Add switchable texture sets. Fix minimap
Diffstat (limited to 'src/main/resources/index.html')
| -rw-r--r-- | src/main/resources/index.html | 32 |
1 files changed, 29 insertions, 3 deletions
diff --git a/src/main/resources/index.html b/src/main/resources/index.html index bbf13e6..f224a2e 100644 --- a/src/main/resources/index.html +++ b/src/main/resources/index.html @@ -5,13 +5,39 @@ <title>Kotlin Raycaster</title> <style> .texture-definition { - display: none + display: none; + } + #minimap { + transform: rotate(180deg); } </style> </head> <body> - <img id="1" src="textures/wolf/wall1.png" data-width="64" data-height="64" class="texture-definition"> - <img id="2" src="textures/wolf/wood1.png" data-width="64" data-height="64" class="texture-definition"> + <img data-texture-id="1" src="textures/wolf3d/wall-stone-1.png" data-width="64" data-height="64" class="texture-definition" data-set="wolf3d"> + <img data-texture-id="2" src="textures/wolf3d/wall-stone-2.png" data-width="64" data-height="64" class="texture-definition" data-set="wolf3d"> + <img data-texture-id="3" src="textures/wolf3d/wall-wood-1.png" data-width="64" data-height="64" class="texture-definition" data-set="wolf3d"> + <img data-texture-id="4" src="textures/wolf3d/wall-wood-1.png" data-width="64" data-height="64" class="texture-definition" data-set="wolf3d"> + <img data-texture-id="5" src="textures/wolf3d/wall-wood-2.png" data-width="64" data-height="64" class="texture-definition" data-set="wolf3d"> + <img data-texture-id="7" src="textures/wolf3d/wall-blue-1.png" data-width="64" data-height="64" class="texture-definition" data-set="wolf3d"> + <img data-texture-id="6" src="textures/wolf3d/wall-blue-2.png" data-width="64" data-height="64" class="texture-definition" data-set="wolf3d"> + <img data-texture-id="8" src="textures/wolf3d/wall-blue-3.png" data-width="64" data-height="64" class="texture-definition" data-set="wolf3d"> + <img data-texture-id="9" src="textures/wolf3d/wall-blue-door.png" data-width="64" data-height="64" class="texture-definition" data-set="wolf3d"> + + <img data-texture-id="1" src="textures/doom/wall-g-1.png" data-width="64" data-height="64" class="texture-definition" data-set="doom"> + <img data-texture-id="2" src="textures/doom/wall-g-2.png" data-width="64" data-height="64" class="texture-definition" data-set="doom"> + <img data-texture-id="3" src="textures/doom/wall-brown-1.png" data-width="64" data-height="64" class="texture-definition" data-set="doom"> + <img data-texture-id="5" src="textures/doom/wall-brown-2.png" data-width="64" data-height="64" class="texture-definition" data-set="doom"> + <img data-texture-id="4" src="textures/doom/wall-brown-3.png" data-width="64" data-height="64" class="texture-definition" data-set="doom"> + <img data-texture-id="6" src="textures/doom/wall-stone-1.png" data-width="64" data-height="64" class="texture-definition" data-set="doom"> + <img data-texture-id="7" src="textures/doom/wall-stone-2.png" data-width="64" data-height="64" class="texture-definition" data-set="doom"> + <img data-texture-id="8" src="textures/doom/wall-stone-3.png" data-width="64" data-height="64" class="texture-definition" data-set="doom"> + <img data-texture-id="9" src="textures/doom/door.png" data-width="64" data-height="64" class="texture-definition" data-set="doom"> + + <select id="texture-set"> + <option value="wolf3d" selected>Wolfenstein 3D</option> + <option value="doom">Doom E1M1</option> + </select> + <script src="kotlin-raycaster.js"></script> </body> </html> |