Home - MartijnKeesmaat/WebGL-practice GitHub Wiki

⚠️ this wiki is no longer updated. Instead you can see the notion page for an updated version. This wiki is more difficult to maintain than a Notion page, therefore the overview of the wiki got lost in the process. It does however show my process better.

---

The goal of this project is to get an overview of how to work with WebGL, understand what topics are involved, get inspired by others and create a simple project.

I first looked at what WebGL is an some of the bigger topics involved. I came across a lot of complex terms I didn't understand and wanted to dive in and create something. I followed the MDN, which went well at the first step. Which is a short explanation on how to set up the project and link to a canvas. But then at the second tutorial, the author explained how to set up a canvas with a black background and a white square. Simple right. It took 200 lines to create this simple square and I still couldn't render the square because of a bug in my code. Then I copied the complete example and that didn't work either. So, I found WebGL a bit complex to get into to. Therefore I started looking at three.js, which supposedly makes my life easier.