diff options
| Commit | baade692399d125001e00d08afc68c1e253eaae4 (patch) | |
|---|---|---|
| Author | 2023-08-28 11:42:02 +0300 | |
| Committer | 2023-08-28 11:42:02 +0300 | |
| Files | 4d79172133f2442ec48c99cc6485e909e63b9942 | |
| uni-projects-baade692399d125001e00d08afc68c1e253eaae4.tar uni-projects-baade692399d125001e00d08afc68c1e253eaae4.tar.gz uni-projects-baade692399d125001e00d08afc68c1e253eaae4.zip | ||
| Parent | 4fe99a027dea39a7dd175fbc0cd7f95eef8f00c3 (diff) | |
[WGL/P] Minor styling changes
1 files changed, 13 insertions, 13 deletions
| -rw-r--r-- | Year 2/Computer Graphics with WebGL/Project/Project.html | 26 |
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);
|
