Summary Files Commits Branches @commit @diff @stats
path: root / Year 2 / Computer Graphics with WebGL / Project / Project.html
diff options
context:
space:
mode:
Commitbaade692399d125001e00d08afc68c1e253eaae4 (patch)
Author
 Syndamia <kamen@syndamia.com>
2023-08-28 11:42:02 +0300
Committer
 Syndamia <kamen@syndamia.com>
2023-08-28 11:42:02 +0300
Files4d79172133f2442ec48c99cc6485e909e63b9942 /Year 2/Computer Graphics with WebGL/Project/Project.html
uni-projects-baade692399d125001e00d08afc68c1e253eaae4.tar
uni-projects-baade692399d125001e00d08afc68c1e253eaae4.tar.gz
uni-projects-baade692399d125001e00d08afc68c1e253eaae4.zip
Parent4fe99a027dea39a7dd175fbc0cd7f95eef8f00c3 (diff)
[WGL/P] Minor styling changes
1 files changed, 13 insertions, 13 deletions
-rw-r--r--Year 2/Computer Graphics with WebGL/Project/Project.html26
diff --git a/Year 2/Computer Graphics with WebGL/Project/Project.html b/Year 2/Computer Graphics with WebGL/Project/Project.html
index 809a0ed..e010a1c 100644
--- a/Year 2/Computer Graphics with WebGL/Project/Project.html
+++ b/Year 2/Computer Graphics with WebGL/Project/Project.html
@@ -12,6 +12,7 @@ body {
padding: 0;
margin: 0;
font: 18px sans-serif;
+ color: white;
}
canvas {
display: block;
@@ -30,41 +31,41 @@ canvas {
h2 {
border-bottom: 2px solid gray;
}
-#menu {
+body > div {
position: absolute;
- height: 100vh;
- width: 100vw;
left: 0;
top: 0;
+}
+#menu {
+ height: 100vh;
+ width: 100vw;
color: white;
}
#menu > * {
position: absolute;
+ top: 0;
margin: 0.5em;
padding: 0.2em;
border: 2px solid white;
width: auto;
background-color: black;
+ box-sizing: border-box;
}
#paused {
left: 0;
- top: 0;
font-size: 25px;
cursor: pointer;
}
#settings {
right: 0;
- top: 0;
padding: 0.5em;
- max-width: 24em;
- max-height: calc(100vh - 2em);
+ max-width: 25em;
+ max-height: calc(100vh - 1em);
overflow: auto;
}
-#coordinates {
- left: 0;
- top: 0;
- color: white;
- position: absolute;
+#fps {
+ left: auto;
+ right: 0;
}
</style>
@@ -104,7 +105,6 @@ h2 {
gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
identity();
- perspective(PERSPECTIVE_ANGLE,gl.canvas.width/gl.canvas.height,PERSPECTIVE_NEAR,40000);
gl.uniform1i(uUseNormalMatrix,false);
gl.uniform3f(uAmbientColor,0.3,0.3,0.3);