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

Merge branch 'visualisations' into prod

This commit is contained in:
Luca Conte 2025-04-28 00:38:04 +02:00
parent 4a330360db e842eb3d66
commit 9f7df2320b
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/script.js
View File

@ -40,6 +40,8 @@ let smoothCameraDistance = 4;
let mouseDragging = false; let mouseDragging = false;
let frameTimes = [];
function resizeCanvas() { function resizeCanvas() {
const dpr = window.devicePixelRatio; const dpr = window.devicePixelRatio;
cv.width = cv.parentElement.clientWidth * dpr; cv.width = cv.parentElement.clientWidth * dpr;
@ -407,6 +409,11 @@ async function init() {
gl.enable(gl.BLEND); gl.enable(gl.BLEND);
gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA); gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
gl.enable( gl.LINE_SMOOTH );
gl.enable( gl.POLYGON_SMOOTH );
gl.hint( gl.LINE_SMOOTH_HINT, gl.NICEST );
gl.hint( gl.POLYGON_SMOOTH_HINT, gl.NICEST )
// start drawing // start drawing
requestAnimationFrame(draw); requestAnimationFrame(draw);
} }
@ -439,8 +446,11 @@ function updateStats(deltaTime) {
fpsDisplay.innerText = Math.round(frameCount / timeSinceLastUpdate) fpsDisplay.innerText = Math.round(frameCount / timeSinceLastUpdate)
let msDisplay = document.getElementById("ms"); let msDisplay = document.getElementById("ms");
msDisplay.innerText = deltaTime * 1000 + "ms"; if (frameTimes.length > 0) {
msDisplay.innerText = (Math.round(frameTimes.reduce((prev, curr) => prev + curr) / frameTimes.length * 100) / 100) + "ms";
}
frameTimes = [];
frameCount = 0; frameCount = 0;
} }
@ -449,6 +459,7 @@ let hue = 0;
async function draw() { async function draw() {
let now = Date.now(); let now = Date.now();
let deltaTime = (now - lastFrame) / 1000; let deltaTime = (now - lastFrame) / 1000;
let frameStart = performance.now();
hue += deltaTime / 5; hue += deltaTime / 5;
if (hue > 1) hue = 0; if (hue > 1) hue = 0;
@ -640,6 +651,8 @@ async function draw() {
setAttribPointers(); setAttribPointers();
gl.drawArrays(gl.TRIANGLES, 0, floorVertices.length / 6); gl.drawArrays(gl.TRIANGLES, 0, floorVertices.length / 6);
frameTimes.push(performance.now() - frameStart);
lastFrame = now; lastFrame = now;
requestAnimationFrame(draw); requestAnimationFrame(draw);
} }