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?
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) {