Tutorial series about implementing a software 3D renderer using JavaScript and the canvas 2D API, containing 2 posts.
Last updated: 28 Jul 2016

Software 3D rendering in JavaScript, Part 1: Wireframe model

on Jul 11, 2016 by Eniko (modified Jul 28, 2016)

The other day I stumbled onto Dmitry Sokolov’s ‘How OpenGL works’ series, about implementing your own software 3D renderer which functions kind of like OpenGL. I decided to give it a go myself, and maybe write some posts detailing the journey. In part 1 we get set up and get some pseudo wireframe rendering going. You can check out the results, then read on to find out how it’s done.

Software 3D rendering in JavaScript, Part 2: Triangles Galore

on Jul 28, 2016 by Eniko

In the previous post in this series we created a wireframe renderer of our own design and used it to render the classic teapot 3D model from an obj file. This time we’re going to go ahead and actually render our polygons as filled triangles. You can check out the results, then read on to find out how it’s done.