[WGL/P] Added coordinates in the top left corner

1 files changed, 8 insertions, 0 deletions

diff --git a/Year 2/Computer Graphics with WebGL/Project/Project.html b/Year 2/Computer Graphics with WebGL/Project/Project.html
index c4d090c..b4463df 100644
--- a/Year 2/Computer Graphics with WebGL/Project/Project.html
+++ b/Year 2/Computer Graphics with WebGL/Project/Project.html
@@ -59,6 +59,12 @@ h2 {
 	max-width: 24em;

 	max-height: calc(100vh - 0.5em);

 }

+#coordinates {

+	left: 0;

+	top: 0;

+	color: white;

+	position: absolute;

+}

 	</style>

 

 	<script src="spaceship.js"></script>

@@ -165,10 +171,12 @@ h2 {
 			<h2>Settings</h2>

 			<p>

 				Debug mode: <input type="checkbox" id="debug-mode"><br>

+				Toggle coordinates: <input type="checkbox" id="coordinates-cb"><br>

 				Only horizontal mouse movement: <input type="checkbox" id="only-horizontal"><br>

 				Only vertical mouse movement: <input type="checkbox" id="only-vertical">

 			</p>

 		</div>

 	</div>

+	<div id="coordinates"></div>

 	<script src="menu.js"></script>

 </body>