Update architecture diagram

Author: EricHayter

docs/diagrams/architecture.drawio

@@ -1,6 +1,6 @@
 <mxfile host="Electron" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/29.3.6 Chrome/140.0.7339.249 Electron/38.8.0 Safari/537.36" version="29.3.6">
   <diagram name="Page-1" id="UAaQjKQUHxjWdsgGKfFB">
-    <mxGraphModel dx="1780" dy="1053" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+    <mxGraphModel dx="1017" dy="601" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
       <root>
         <mxCell id="0" />
         <mxCell id="1" parent="0" />
@@ -15,7 +15,7 @@
         <mxCell id="beTZ2ZbazV9wxhCgPUfS-1" parent="1" style="html=1;whiteSpace=wrap;sketch=1;curveFitting=1;jiggle=2;labelBackgroundColor=none;fillColor=#A8DADC;strokeColor=#457B9D;fontColor=#1D3557;" value="&lt;font face=&quot;Architects Daughter&quot;&gt;Window&lt;/font&gt;" vertex="1">
           <mxGeometry height="50" width="110" x="430" y="140" as="geometry" />
         </mxCell>
-        <mxCell id="beTZ2ZbazV9wxhCgPUfS-7" edge="1" parent="1" source="beTZ2ZbazV9wxhCgPUfS-6" style="rounded=0;sketch=1;hachureGap=4;jiggle=2;curveFitting=1;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#457B9D;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;fontColor=#1D3557;fillColor=#A8DADC;endArrow=diamondThin;endFill=1;exitX=0.5;exitY=0;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;startSize=12;endSize=12;" target="beTZ2ZbazV9wxhCgPUfS-4">
+        <mxCell id="beTZ2ZbazV9wxhCgPUfS-7" edge="1" parent="1" source="beTZ2ZbazV9wxhCgPUfS-6" style="rounded=0;sketch=1;hachureGap=4;jiggle=2;curveFitting=1;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#457B9D;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;fontColor=#1D3557;fillColor=#A8DADC;endArrow=none;endFill=0;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;startSize=12;endSize=12;" target="beTZ2ZbazV9wxhCgPUfS-4">
           <mxGeometry relative="1" as="geometry">
             <mxPoint x="450" y="390" as="targetPoint" />
           </mxGeometry>
@@ -24,7 +24,7 @@
           <mxGeometry height="50" width="110" x="420" y="300" as="geometry" />
         </mxCell>
         <mxCell id="beTZ2ZbazV9wxhCgPUfS-6" parent="1" style="html=1;whiteSpace=wrap;sketch=1;hachureGap=4;jiggle=2;curveFitting=1;strokeColor=#457B9D;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;fontColor=#1D3557;fillColor=#A8DADC;" value="Shader" vertex="1">
-          <mxGeometry height="50" width="110" x="640" y="500" as="geometry" />
+          <mxGeometry height="50" width="110" x="770" y="250" as="geometry" />
         </mxCell>
         <mxCell id="beTZ2ZbazV9wxhCgPUfS-9" edge="1" parent="1" source="beTZ2ZbazV9wxhCgPUfS-8" style="rounded=0;sketch=1;hachureGap=4;jiggle=2;curveFitting=1;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;strokeColor=#457B9D;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;fontColor=#1D3557;fillColor=#A8DADC;endArrow=diamondThin;endFill=1;startSize=12;endSize=12;" target="beTZ2ZbazV9wxhCgPUfS-4">
           <mxGeometry relative="1" as="geometry" />
@@ -58,14 +58,11 @@
         <mxCell id="beTZ2ZbazV9wxhCgPUfS-12" parent="1" style="html=1;whiteSpace=wrap;sketch=1;hachureGap=4;jiggle=2;curveFitting=1;strokeColor=#457B9D;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;fontColor=#1D3557;fillColor=#A8DADC;" value="Texure" vertex="1">
           <mxGeometry height="50" width="110" x="540" y="650" as="geometry" />
         </mxCell>
-        <mxCell id="beTZ2ZbazV9wxhCgPUfS-17" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;rounded=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;fontColor=#1D3557;" value="&lt;b&gt;NOTE:&lt;/b&gt;&amp;nbsp;More than likely the shader class is going to be decoupled from the scene (I should be able to choose which shader I&#39;m using at a given time to draw a scene). RIght now this is a simple approach due to some coupling with uniform naming that is set from inside the model.&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div style=&quot;&quot;&gt;Will be fixed once I find a more univeral uniform naming convention. Or how uniforms are generically handled without all this coupling.&amp;nbsp;&lt;/div&gt;" vertex="1">
-          <mxGeometry height="180" width="250" x="780" y="480" as="geometry" />
-        </mxCell>
-        <mxCell id="beTZ2ZbazV9wxhCgPUfS-18" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;rounded=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;fontColor=#1D3557;" value="This is a light wrapper aroudn a GLFW window, which is more than actually just a window for viewing renders. This class is also responsible for handling mouse and keyboard I/O provided by the GLFW window object.&amp;nbsp;" vertex="1">
+        <mxCell id="beTZ2ZbazV9wxhCgPUfS-18" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;rounded=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;fontColor=#1D3557;" value="This is a light wrapper around a GLFW window, which is more than actually just a window for viewing renders. This class is also responsible for handling mouse and keyboard I/O provided by the GLFW window object.&amp;nbsp;" vertex="1">
           <mxGeometry height="90" width="220" x="585" y="130" as="geometry" />
         </mxCell>
         <mxCell id="beTZ2ZbazV9wxhCgPUfS-19" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;rounded=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;fontColor=#1D3557;" value="The scene object is pretty much just encapsulating the classes bellow with some extra fields, such as the model transformation matrix, and maybe some parameters for background color, light objects, etc...." vertex="1">
-          <mxGeometry height="60" width="210" x="550" y="300" as="geometry" />
+          <mxGeometry height="60" width="210" x="540" y="360" as="geometry" />
         </mxCell>
         <mxCell id="beTZ2ZbazV9wxhCgPUfS-23" parent="1" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;rounded=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;fontColor=#1D3557;" value="&lt;h1&gt;renderer2 architecture&lt;/h1&gt;" vertex="1">
           <mxGeometry height="60" width="280" x="420" y="30" as="geometry" />