index.html

<!DOCTYPE html><html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Software Renderer</title>
    <style>
        *{ font-family: monospace; font-size:16px; }
        body{ display:flex; flex-direction:column; align-items:center; }
        div{ width:75vw; }
        hr{ border-top:2px dotted gray; height:0px; }
    </style>
</head>
<body>

<div>
    <p>
        Found this <a href="https://github.com/ssloy/tinyrenderer/wiki/Lesson-0:-getting-started">amazing tutorial</a> that steps you 
        through making a 3D renderer from scratch with C++ without any graphics APIs. Me being a web guy decided to try to implement
        as many lessons as I can using Javascript and the 2D HTML Canvas.
    </p>

    <p>
        <b>Source Code</b> : <a href="https://github.com/sketchpunk/software_renderer">https://github.com/sketchpunk/software_renderer</a>
    </p>

    <hr>

    View Final Results
    <img src="img/head2.png" width="200px" align="right">
    <img src="img/head.png" width="200px" align="right">
    <ul>
        <li><a href="001_bresenham_line_drawing_algorithm.html">Lesson 1: Bresenham's Line Drawing Algorithm</a></li>
        <li><a href="002_triangle_rasterization_backface_culling.html">Lesson 2: Triangle rasterization and back face culling</a></li>
        <li>... more when time permits</li>
    </ul>
</div>

</body>
</html> 