HSH
/
cg1_tut_mdi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity

update UI

This commit is contained in:
Luca Conte 2025-04-25 19:13:44 +02:00
parent 4c4087a8a9
commit 0b8fa336ce
1 changed files with 23 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/index.html
View File

@ -25,7 +25,7 @@
border: solid 2px #11111b;
border-radius: 20px;
}
#stats {
#content {
width: 100%;
max-width: 800px;
box-sizing: border-box;
@ -38,23 +38,32 @@
</head>
<body>
<canvas id="cv" width="1000" height="700"></canvas>
<div id="stats">
<div>FPS: <span id="fps"></span></div>
<div>Frame time: <span id="ms"></span></div>
<div id="controls">
<div>
<div id="content">
Stats:
<ul>
<li>FPS: <span id="fps"></span></li>
<li>Frame time: <span id="ms"></span></li>
</ul>
Controls:
<ul>
<li>
Click & Drag to move camera
</li>
<li>
LookAt Matrix: <input type="range" min=0 max=1 step=0.01 value=0 id="interpolateLookAt" autocomplete="off">
</div>
<div>
</li>
<li>
Projection Matrix: <input type="range" min=0 max=1 step=0.01 value=0 id="interpolateProjection" autocomplete="off" disabled="yes">
</div>
<div>
</li>
<li>
Use virtual camera: <input type="checkbox" id="displayMatricesVirtually" checked autocomplete="off">
</div>
<div>
</li>
<li>
Backface Culling: <input type="checkbox" id="backfaceCulling" autocomplete="off">
</div>
</div>
</li>
</ul>
</div>
</body>
</html>