cry/site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: cry:3e3211b7e17abfb39cb0c1170df95d8b3c0db8bf
Branches Tags
cry:main
...
compare: cry:efdedb23b8becfdaf7b43b431007fc369bae318d
Branches Tags
cry:main

2 commits
3e3211b7e1 ... efdedb23b8

Author SHA1 Message Date
Emile Clark-Boman
efdedb23b8 add fps limit of 30 2026-01-31 14:08:08 +10:00
Emile Clark-Boman
7faeca627b fix title "WebGL Demo" 2026-01-31 13:48:15 +10:00
2 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
www/index.html
View file

@ -3,7 +3,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>WebGL Demo</title> <title>have you tried crying more?</title>
<!-- <script --> <!-- <script -->
<!-- src="https://cdnjs.cloudflare.com/ajax/libs/gl-matrix/2.8.1/gl-matrix-min.js" --> <!-- src="https://cdnjs.cloudflare.com/ajax/libs/gl-matrix/2.8.1/gl-matrix-min.js" -->
<!-- integrity="sha512-zhHQR0/H5SEBL3Wn6yYSaTTZej12z0hVZKOv3TwCUXT1z5qeqGcXJLLrbERYRScEDDpYIJhPC1fk31gqR783iQ==" --> <!-- integrity="sha512-zhHQR0/H5SEBL3Wn6yYSaTTZej12z0hVZKOv3TwCUXT1z5qeqGcXJLLrbERYRScEDDpYIJhPC1fk31gqR783iQ==" -->

14
www/js/webgl-demo.js
View file

@ -70,21 +70,29 @@ function renderShader(gl, vsSource, fsSource) {
// Draw the scene // Draw the scene
// drawScene(gl, programInfo, buffers, 0); // drawScene(gl, programInfo, buffers, 0);
const fpsLimit = 30;
const fpsDelta = 1000 / 30;
// let timePrev = 0; // let timePrev = 0;
// requestAnimationFrame asks the browser to call render, // requestAnimationFrame asks the browser to call render,
// providing the time in milliseconds since the page loaded // providing the time in milliseconds since the page loaded
function render(time) { function render(time) {
time *= 0.001; // convert to seconds time *= 0.001; // convert to seconds
// deltaTime = time - prevTime; // delta = time - timePrev;
// prevTime = time;
drawScene(gl, programInfo, buffers, time); drawScene(gl, programInfo, buffers, time);
setTimeout(() => requestAnimationFrame(render), fpsDelta);
}
function update() {
requestAnimationFrame(render); requestAnimationFrame(render);
} }
requestAnimationFrame(render);
// XXX: TODO: read this guide it's great! https://stackoverflow.com/questions/56998225/why-is-rendering-blurred-in-webgl // XXX: TODO: read this guide it's great! https://stackoverflow.com/questions/56998225/why-is-rendering-blurred-in-webgl
// window.addEventListener('resize', render); // window.addEventListener('resize', render);
requestAnimationFrame(render);
// update();
// setInterval(update, 1000 / fpsLimit);
} }
function fetchShader(name) { function fetchShader(name) {