Back to WebGL

It is time to go back to our JavaScript code. Now, how do we close the gap between our JavaScript code and our ESSL code?

First, we need to take a look at how we create a program using our WebGL context. Please remember that we refer to both the vertex shader and fragment shader as the program.

Second, we need to know how to initialize attributes and uniforms.

Let's take a look at the structure of the web apps that we have developed so far:

Back to WebGL

Each application has a vertex shader and a fragment shader embedded in the web page. Then we have a script section where we write all of our WebGL code. Finally, we have the HTML code that defines the ...

Get WebGL Beginner's Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.