From 7faeca627bc8255d15da6b7a792a2476adf19692 Mon Sep 17 00:00:00 2001 From: Emile Clark-Boman Date: Sat, 31 Jan 2026 13:48:15 +1000 Subject: [PATCH 1/2] fix title "WebGL Demo" --- www/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/www/index.html b/www/index.html index 602447c..700e299 100644 --- a/www/index.html +++ b/www/index.html @@ -3,7 +3,7 @@ - WebGL Demo + have you tried crying more? From efdedb23b8becfdaf7b43b431007fc369bae318d Mon Sep 17 00:00:00 2001 From: Emile Clark-Boman Date: Sat, 31 Jan 2026 14:08:08 +1000 Subject: [PATCH 2/2] add fps limit of 30 --- www/js/webgl-demo.js | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/www/js/webgl-demo.js b/www/js/webgl-demo.js index 10deb74..5e58854 100644 --- a/www/js/webgl-demo.js +++ b/www/js/webgl-demo.js @@ -70,21 +70,29 @@ function renderShader(gl, vsSource, fsSource) { // Draw the scene // drawScene(gl, programInfo, buffers, 0); + const fpsLimit = 30; + const fpsDelta = 1000 / 30; // let timePrev = 0; // requestAnimationFrame asks the browser to call render, // providing the time in milliseconds since the page loaded function render(time) { time *= 0.001; // convert to seconds - // deltaTime = time - prevTime; - // prevTime = time; + // delta = time - timePrev; drawScene(gl, programInfo, buffers, time); + + setTimeout(() => requestAnimationFrame(render), fpsDelta); + } + function update() { requestAnimationFrame(render); } - requestAnimationFrame(render); // XXX: TODO: read this guide it's great! https://stackoverflow.com/questions/56998225/why-is-rendering-blurred-in-webgl // window.addEventListener('resize', render); + + requestAnimationFrame(render); + // update(); + // setInterval(update, 1000 / fpsLimit); } function fetchShader(name) {