noe/3d
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update some build/telemetry stuff

Browse source
This commit is contained in:
41666 2023-10-13 16:59:46 -04:00
parent 51f9f820d8
commit 0a67ccb040
25 changed files with 336 additions and 217 deletions
Download patch file Download diff file Expand all files Collapse all files

8
html/003-scene/index.html
View file

@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<meta charset="utf-8" />
<title>com.mekanoe.art // 003-scene</title>
<style>
@ -9,6 +9,7 @@
overflow: hidden;
background-color: black;
color: white;
font-family: Atkinson Hyperlegible, sans-serif;
}
main {
display: flex;
@ -21,8 +22,7 @@
<main>
<canvas id="canvas" width="1280" height="720"></canvas>
<div id="telemetry">XX.X FPS (XX.X ms)</div>
<nav>
<a class="nav-left" href="/002-webgl-engine">⇠ 002-webgl-engine</a>
</nav>
<div id="loading" class="loading-active"><div id="loading-text">[noeidelon] [stage 1]<br />bootstrapping...<span id="stage1-error"><br />this is taking a while...</span><span id="stage1-error2"><br />[panic] <span style="color: red">heck wtf</span></span></div></div>
<nav><a class="nav-left" href="/002-webgl-engine">⇠ 002-webgl-engine</a></nav>
</main>
<script src="/003-scene/main.js" type="module"></script>

6
html/003-scene/main.js
View file

File diff suppressed because one or more lines are too long

48
html/work.css
View file

@ -11,6 +11,54 @@
display: none;
}
#loading {
display: none;
z-index: 110;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
align-items: center;
justify-content: center;
text-align: center;
font-family: 'Fira Code', 'Fira Mono', monospace;
&.loading-active {
display: flex;
}
& #loading-text {
background-color: black;
padding: 1em;
border-radius: 8px;
max-width: 80vw;
word-wrap: break-word;
& #stage1-error {
opacity: 0;
animation: opacity_0_1 1ms 5s forwards 1;
color: orange;
}
& #stage1-error2 {
opacity: 0;
animation: opacity_0_1 1ms 10s forwards 1;
}
}
}
@keyframes opacity_0_1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
nav {
position: fixed;
z-index: 10;