We will now walk through what it takes to rewrite the WebGL app we made in Chapter 3, Introduction to WebGL, using SDL and OpenGL. If you don't remember, this was a very simple app that drew a spaceship to our canvas and moved it 2 pixels to the left and one pixel up every frame. The reason we made this app was that it was about the simplest thing I could think to do in WebGL that was more interesting than drawing a triangle. For this same reason, it will be the first thing we will do with OpenGL for WebAssembly. Go ahead and create a new file called webgl-redux.c and open it up. Now, let's go ahead and start adding some code. The first chunk of code we need is our #include commands to pull in all of the libraries we will need for this app:
#include <SDL2/SDL.h>
#include <SDL2/SDL_image.h>
#include <SDL_opengl.h>
#include <GLES2/gl2...