diff options
Diffstat (limited to 'src/main/resources/index.html')
| -rw-r--r-- | src/main/resources/index.html | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/src/main/resources/index.html b/src/main/resources/index.html index bbb72bb..81f121a 100644 --- a/src/main/resources/index.html +++ b/src/main/resources/index.html @@ -10,7 +10,7 @@ <div class="container grid-xl"> <div class="columns"> <div class="column col-xl-12"> - <div id="output-wrapper" class="loading loading-lg"> + <div id="output-wrapper" class="p-centered loading loading-lg"> <canvas id="render-output"></canvas> <canvas id="minimap"></canvas> <div id="log"> @@ -22,15 +22,14 @@ <div class="column"> <div class="columns controls"> <div class="column col-12 col-xl-3"> - <p>A simple <a href="https://en.wikipedia.org/wiki/Ray_casting">raycasting</a> engine written from scratch in Kotlin (transpiled to JS), rendered using only vertical lines drawn on an HTML5 canvas. The source is on <a href="https://github.com/jamesbarnett91/kotlin-raycaster">GitHub</a>.</p> - <p>The raycasting rendering method was used in early 90's 3D games, most famously <a href="https://en.wikipedia.org/wiki/Wolfenstein_3D">Wolfenstein 3D</a>.</p> + <p>A simple <a href="https://en.wikipedia.org/wiki/Ray_casting" target="_blank">raycasting</a> engine written from scratch in Kotlin (transpiled to JS), rendered using only vertical lines drawn on an HTML5 canvas. The source is on <a href="https://github.com/jamesbarnett91/kotlin-raycaster" target="_blank">GitHub</a>.</p> + <p>The raycasting rendering method was used in early 90's 3D games, most famously <a href="https://en.wikipedia.org/wiki/Wolfenstein_3D" target="_blank">Wolfenstein 3D</a>.</p> <p>Use WASD to move, or the arrow buttons on mobile.</p> </div> <div class="column col-12 col-xl-1 hide-xl"> <div class="divider"></div> </div> - <div class="divider-vert show-xl"></div> - <div class="column col-12 col-xl-5"> + <div class="column col-12 col-xl-9"> <div class="form-group"> <label class="form-label label-sm" for="texture-set">Texture set</label> <select id="texture-set" class="form-select select-sm"> |