===========================
3D Engine Pipeline Overview
===========================

This document outlines the pipeline of the 3D engine, detailing the steps from object creation to the final rendering of a scene.

.. note::
    Click on each module in the image to view details about each one.

Pipeline Stages
===============

.. raw:: html

    <img src="00.png" width="400" style="float: left; padding: 0; margin: 0;" />

    <a href="modules/shape.html">
        <img src="01.png" width="400" style="float: left; padding: 0; margin: 0;" />
    </a>

    <img src="02.png" width="400" style="float: left; padding: 0; margin: 0;" />

    <a href="modules/starting_the_loop.html">
        <img src="03.png" width="400" style="float: left; padding: 0; margin: 0;" />
    </a>

    <a href="modules/camera_and_transformations.html">
        <img src="04.png" width="400" style="float: left; padding: 0; margin: 0;" />
    </a>

    <a href="modules/backface_culling.html">
        <img src="05.png" width="400" style="float: left; padding: 0; margin: 0;" />
    </a>

    <a href="modules/lighting_calculations.html">
        <img src="06.png" width="400" style="float: left; padding: 0; margin: 0;" />
    </a>

     <a href="modules/depth_sorting.html">
        <img src="07.png" width="400" style="float: left; padding: 0; margin: 0;" />
    </a>

    <a href="modules/shadow.html">
        <img src="08.png" width="400" style="float: left; padding: 0; margin: 0;" />
    </a>

    <a href="modules/frustum_clipping.html">
        <img src="09.png" width="400" style="float: left; padding: 0; margin: 0;" />
    </a>

    <a href="modules/render_engine.html">
        <img src="010.png" width="400" style="float: left; padding: 0; margin: 0;" />
    </a>

    <a href="modules/display_engine.html">
        <img src="011.png" width="400" style="float: left; padding: 0; margin: 0;" />
    </a>