Things might get a little bit math-y in the midst of this, but why else did you pay so much money to learn about Matrices and Calculus.
The day is here. But before we are able to get to the fun stuff. Lets first discuss what would we be trying to do, the current effort we did regarding the same, and then conclude by starting with WebGL.
Our aim, simply put is
to have mathematical/computational manifestations of our visualizations!
Or to have tools, skills and knowledge that we could use to draw/depict any visualization I want.
So now is the time to first tell you about OpenGL. You must have seen/heard about it. To define,
OpenGL is* a specification describing an abstract API for drawing 2D and 3D graphics.
OpenGL is an evolving API specification, regularly released by the Khronos Group, each of which extends the API to support various new features. In theory, all the implementation of these specifications can be done using entirely software.
Getting started with WebGL
I would recommend reading through the following documentGetting started with WebGL
Time to build
If you are following along, now checkout attempt6 folder of out kCanvas repository:
Attempt 6 closely follows this tutorial from MDN
WebGL itself might be too tedious to directly use without having a bunch of helper functions. three.js, BabylonJS, etc are examples of such libraries.