Summary Files Commits Branches @commit @diff @stats
path: root / Year 2 / Computer Graphics with WebGL / Project / Project.html
diff options
context:
space:
mode:
1 files changed, 10 insertions, 6 deletions
-rw-r--r--Year 2/Computer Graphics with WebGL/Project/Project.html16
diff --git a/Year 2/Computer Graphics with WebGL/Project/Project.html b/Year 2/Computer Graphics with WebGL/Project/Project.html
index 8007183..9cf022c 100644
--- a/Year 2/Computer Graphics with WebGL/Project/Project.html
+++ b/Year 2/Computer Graphics with WebGL/Project/Project.html
@@ -182,13 +182,13 @@ body > div, #noscript {
<noscript><div id="noscript">Your browser doesn't support JavaScript or it has been disabled!</div></noscript>
<div id="menu">
- <div id="paused">Click here to start moving</div>
+ <div id="paused">Click here to move around</div>
<div id="settings">
<h2>About</h2>
<p>
Simulation of the light-bending effects of black holes.<br>
WASD to move around, space and shift for up and down, mouse cursor to look around.<br>
- Escape will remove your controls and bring you back here.
+ Escape will toggle between this overlay and your ability to move around (also done with the button on the top left).
</p>
<h2>Level</h2>
<div>
@@ -200,15 +200,19 @@ body > div, #noscript {
</div>
<h2>Settings</h2>
<div>
+ Disable ray marching: <input type="checkbox" id="disable-ray-marching"><br>
+ <p class="indent">
+ Ray marching is the method I use to trace light when it enters a black hole.
+ This option is here, so you can see how the objects look with the black hole removed.
+ </p>
Show (ray marching) debugging colors: <input type="checkbox" id="debug-mode"><br>
<p class="indent">
- Works only with enabled ray marching.
- Green for rays that couldn't escape.
- Red for rays that didn't hit anything (or hit the skybox).
+ Works only with enabled ray marching.
+ Green for rays that couldn't escape.
+ Red for rays that didn't hit anything (or hit the skybox).
</p><br>
Show coordinates: <input type="checkbox" id="coordinates-cb"><br>
Show fps: <input type="checkbox" id="fps-cb"><br>
- Disable ray marching: <input type="checkbox" id="disable-ray-marching"><br>
Only horizontal mouse movement: <input type="checkbox" id="only-horizontal"><br>
Only vertical mouse movement: <input type="checkbox" id="only-vertical">
</div>