This site most definitely delivers on the "fundamentals" it promises. Regardless of if you're planning on using a higher level engine like Unity or even something super simple like LÖVE, I would highly recommend at least skimming through. There's just no substitute for the low level understanding it maps out once you need to debug or do something tricky with 3D or shaders. Case in point: it clearly lays out camera matrix construction. Most libraries provide a magic function for this based on camera parameters, which is all well and good until you need to extract or modify the matrix itself.<p>This site was my bible for creating the 2D engine for Cat-Tastrophe: <a href="https://www.newgrounds.com/portal/view/861234" rel="nofollow">https://www.newgrounds.com/portal/view/861234</a>
Somehow this tutorial never clicked for me. I finally looked elsewhere and it got way easier for some reason. I think it has to do with him using his own little library in almost example which hides away some important setup (which obviously helps him out efficiently writing the articles but if you're there to learn I think you should see that too without layers hiding it).<p>These are fantastic though: <a href="https://www.youtube.com/@osakaandrew/videos">https://www.youtube.com/@osakaandrew/videos</a>
Mainstream browsers have supported WebGL since 2011/2012 (and WebAssembly since 2017).<p>Why has this not triggered a revolution in browser games? It feels like the best browser games are still the ones from the Flash era.
To remove the distracting background and make the page readable, run<p><pre><code> document.querySelector('.background').remove()
</code></pre>
in the browser console (or use Reader Mode).
This was my main source of tutorials when learning WebGL. It's hosted on GitHub and you can submit corrections as PRs which is great. There is also webglfundamentals for webgl1 and webgpufundamentals by the same author, I believe.
> <i>WebGL2 Fundamentals</i> (<a href="https://webgl2fundamentals.org/" rel="nofollow">https://webgl2fundamentals.org/</a>)<p>A simple showcase of how to warm up CPU/GPU and speed up cooling fans.