esangel/webgl

WebGL Examples

webgl's Issues

noob question

hello, i am starting out with opengl and git.
i am familiar with glsl, but I am unsure how can I practice with code from your Chapter0 for example.

I do not want to rip stuff, but learn.
So can I for example copy mandelbrot1.html code into my site?
but what about .js sources?

could someone help me, I would be grateful!

Update the code to 2021 practices?

Would you consider a series of PRs that update the code to slightly more modern practices? Some are minor, some less so.

Examples might include

• Remove all uses of var for let and const

  var is basically considered bad practice at this point

• no need for `type="text/javascript"

  this is not needed for script tags

• stop using window.onload

  Just move your script tags to the bottom or use defer

• consider using es6 modules for loading scripts

• use requestAnimationFrame instead of requestAnimFrame

  There's no need for the polyfill in 2021

• put the shaders in multiline template strings

  They've been in every browser since 2010 or earlier

• get rid of "Oops, your browser doesn't support canvas"

  There are no browser that don't support canvas in 2021

Please turn on github pages

Lots of students use these samples and then ask questions on stackoverflow. They have no way to easily include the libraries here in their questions

Click settings then under Github Pages set the Source to "master"

Now students will be able to include the libraries on stackoverflow using

<script src="https://esangel.github.io/WebGL/Common/webgl-utils.js"></script>
<script src="https://esangel.github.io/WebGL/Common/initShaders.js"></script>
<script src="https://esangel.github.io/WebGL/Common/MV.js"></script>