diff --git a/docs/HorizontalSpritePipeline.drawio b/docs/HorizontalSpritePipeline.drawio
new file mode 100644
index 0000000..3321d1c
--- /dev/null
+++ b/docs/HorizontalSpritePipeline.drawio
@@ -0,0 +1,200 @@
+<mxfile host="Electron" scale="6" border="25" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/26.2.2 Chrome/134.0.6998.178 Electron/35.1.2 Safari/537.36" version="26.2.2">
+  <diagram name="Seite-1" id="2VE30Den5k4aarTXP-r_">
+    <mxGraphModel dx="3244" dy="1774" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="1169" pageHeight="827" background="#ffffff" math="0" shadow="0" adaptiveColors="auto">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-78" value="&lt;h1&gt;&lt;b&gt;&lt;font style=&quot;font-size: 16px;&quot;&gt;Stufe 3&lt;/font&gt;&lt;/b&gt;&lt;/h1&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillStyle=auto;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;glass=0;opacity=70;arcSize=23;points=[[0,0,0,0,0],[0,0.1,0,0,0],[0,0.25,0,0,0],[0,0.5,0,0,0],[0,0.75,0,0,0],[0,1,0,0,0],[0.25,0,0,0,0],[0.25,1,0,0,0],[0.5,0,0,0,0],[0.5,1,0,0,0],[0.75,0,0,0,0],[0.75,1,0,0,0],[1,0,0,0,0],[1,0.1,0,0,0],[1,0.25,0,0,0],[1,0.5,0,0,0],[1,0.75,0,0,0],[1,1,0,0,0]];labelPosition=center;verticalLabelPosition=middle;align=center;verticalAlign=top;labelBackgroundColor=none;" parent="1" vertex="1">
+          <mxGeometry x="1200" y="10" width="160" height="420" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-77" value="&lt;h1&gt;&lt;b&gt;&lt;font style=&quot;font-size: 16px;&quot;&gt;Stufe 2&lt;/font&gt;&lt;/b&gt;&lt;/h1&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillStyle=auto;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;glass=0;opacity=70;arcSize=23;points=[[0,0,0,0,0],[0,0.1,0,0,0],[0,0.25,0,0,0],[0,0.5,0,0,0],[0,0.75,0,0,0],[0,1,0,0,0],[0.25,0,0,0,0],[0.25,1,0,0,0],[0.5,0,0,0,0],[0.5,1,0,0,0],[0.75,0,0,0,0],[0.75,1,0,0,0],[1,0,0,0,0],[1,0.1,0,0,0],[1,0.25,0,0,0],[1,0.5,0,0,0],[1,0.75,0,0,0],[1,1,0,0,0]];labelPosition=center;verticalLabelPosition=middle;align=center;verticalAlign=top;labelBackgroundColor=none;" parent="1" vertex="1">
+          <mxGeometry x="640" y="10" width="160" height="420" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-76" value="&lt;h1&gt;&lt;b&gt;&lt;font style=&quot;font-size: 16px;&quot;&gt;Stufe 1&lt;/font&gt;&lt;/b&gt;&lt;/h1&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillStyle=auto;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;glass=0;opacity=70;arcSize=23;points=[[0,0,0,0,0],[0,0.1,0,0,0],[0,0.25,0,0,0],[0,0.5,0,0,0],[0,0.75,0,0,0],[0,1,0,0,0],[0.25,0,0,0,0],[0.25,1,0,0,0],[0.5,0,0,0,0],[0.5,1,0,0,0],[0.75,0,0,0,0],[0.75,1,0,0,0],[1,0,0,0,0],[1,0.1,0,0,0],[1,0.25,0,0,0],[1,0.5,0,0,0],[1,0.75,0,0,0],[1,1,0,0,0]];labelPosition=center;verticalLabelPosition=middle;align=center;verticalAlign=top;labelBackgroundColor=none;" parent="1" vertex="1">
+          <mxGeometry x="140" y="10" width="160" height="420" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-9" value="&lt;b&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;Index&lt;/font&gt;&lt;/b&gt;&lt;div&gt;&lt;font size=&quot;1&quot; style=&quot;&quot;&gt;(5 Bit)&lt;/font&gt;&lt;/div&gt;" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" edge="1">
+          <mxGeometry width="100" relative="1" as="geometry">
+            <mxPoint x="40" y="120" as="sourcePoint" />
+            <mxPoint x="160" y="120" as="targetPoint" />
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-10" value="&lt;b&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;Offset&lt;/font&gt;&lt;/b&gt;&lt;div&gt;&lt;span style=&quot;font-size: x-small;&quot;&gt;(8&lt;/span&gt;&lt;span style=&quot;font-size: x-small; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));&quot;&gt;&amp;nbsp;Bit)&lt;/span&gt;&lt;/div&gt;" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" edge="1">
+          <mxGeometry width="100" relative="1" as="geometry">
+            <mxPoint x="40" y="200" as="sourcePoint" />
+            <mxPoint x="160" y="200" as="targetPoint" />
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-11" value="&lt;b&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;X Request&lt;/font&gt;&lt;/b&gt;&lt;div&gt;&lt;span style=&quot;font-size: x-small;&quot;&gt;(10 Bit)&lt;/span&gt;&lt;b&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;&lt;/font&gt;&lt;/b&gt;&lt;/div&gt;" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" edge="1">
+          <mxGeometry width="100" relative="1" as="geometry">
+            <mxPoint x="40" y="280" as="sourcePoint" />
+            <mxPoint x="160" y="280" as="targetPoint" />
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-12" value="&lt;b&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;X Sprite&lt;/font&gt;&lt;/b&gt;&lt;div&gt;&lt;span style=&quot;font-size: x-small;&quot;&gt;(10 Bit)&lt;/span&gt;&lt;b&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;&lt;/font&gt;&lt;/b&gt;&lt;/div&gt;" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" edge="1">
+          <mxGeometry width="100" relative="1" as="geometry">
+            <mxPoint x="40" y="360" as="sourcePoint" />
+            <mxPoint x="160" y="360" as="targetPoint" />
+            <Array as="points" />
+            <mxPoint as="offset" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-13" value="&lt;b&gt;&lt;u&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;Register&lt;/font&gt;&lt;/u&gt;&lt;/b&gt;" style="whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;" parent="1" vertex="1">
+          <mxGeometry x="160" y="90" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-14" value="&lt;b&gt;&lt;u&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;Register&lt;/font&gt;&lt;/u&gt;&lt;/b&gt;" style="whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;" parent="1" vertex="1">
+          <mxGeometry x="160" y="170" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-15" value="&lt;b&gt;&lt;u&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;Register&lt;/font&gt;&lt;/u&gt;&lt;/b&gt;" style="whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;" parent="1" vertex="1">
+          <mxGeometry x="160" y="250" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-16" value="&lt;b&gt;&lt;u&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;Register&lt;/font&gt;&lt;/u&gt;&lt;/b&gt;" style="whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;" parent="1" vertex="1">
+          <mxGeometry x="160" y="330" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-18" value="" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" source="vGB8lqAJrs4_pwNx2N7P-15" edge="1">
+          <mxGeometry width="100" relative="1" as="geometry">
+            <mxPoint x="290" y="290" as="sourcePoint" />
+            <mxPoint x="360" y="300" as="targetPoint" />
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-19" value="" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" source="vGB8lqAJrs4_pwNx2N7P-16" edge="1">
+          <mxGeometry width="100" relative="1" as="geometry">
+            <mxPoint x="290" y="370" as="sourcePoint" />
+            <mxPoint x="360" y="340" as="targetPoint" />
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-20" value="&lt;pre&gt;&lt;b&gt;&lt;font style=&quot;font-size: 10px;&quot;&gt;X_Request - X_Sprite&lt;/font&gt;&lt;/b&gt;&lt;/pre&gt;" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;labelBackgroundColor=none;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;" parent="1" vertex="1">
+          <mxGeometry x="350" y="280" width="150" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-21" value="" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" source="vGB8lqAJrs4_pwNx2N7P-14" target="vGB8lqAJrs4_pwNx2N7P-24" edge="1">
+          <mxGeometry width="100" relative="1" as="geometry">
+            <mxPoint x="360" y="210" as="sourcePoint" />
+            <mxPoint x="560" y="200" as="targetPoint" />
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-22" value="" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" source="vGB8lqAJrs4_pwNx2N7P-13" target="vGB8lqAJrs4_pwNx2N7P-23" edge="1">
+          <mxGeometry width="100" relative="1" as="geometry">
+            <mxPoint x="340" y="140" as="sourcePoint" />
+            <mxPoint x="560" y="120" as="targetPoint" />
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-23" value="&lt;b&gt;&lt;u&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;Register&lt;/font&gt;&lt;/u&gt;&lt;/b&gt;" style="whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;" parent="1" vertex="1">
+          <mxGeometry x="660" y="90" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-24" value="&lt;b&gt;&lt;u&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;Register&lt;/font&gt;&lt;/u&gt;&lt;/b&gt;" style="whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;" parent="1" vertex="1">
+          <mxGeometry x="660" y="170" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-29" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" source="vGB8lqAJrs4_pwNx2N7P-25" target="vGB8lqAJrs4_pwNx2N7P-28" edge="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="810" y="320" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-25" value="&lt;b&gt;&lt;u&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;Register&lt;/font&gt;&lt;/u&gt;&lt;/b&gt;" style="whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;" parent="1" vertex="1">
+          <mxGeometry x="660" y="290" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-26" value="" style="endArrow=classic;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" source="vGB8lqAJrs4_pwNx2N7P-20" target="vGB8lqAJrs4_pwNx2N7P-25" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="600" y="410" as="sourcePoint" />
+            <mxPoint x="650" y="360" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-27" value="&lt;font style=&quot;font-size: 15px;&quot;&gt;&lt;b&gt;Sprite_X_Offset&lt;/b&gt;&lt;/font&gt;&lt;div&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;&lt;span style=&quot;font-size: x-small;&quot;&gt;(10 Bit)&lt;/span&gt;&lt;b&gt;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;fontColor=#143642;" parent="vGB8lqAJrs4_pwNx2N7P-26" vertex="1" connectable="0">
+          <mxGeometry x="-0.0961" y="1" relative="1" as="geometry">
+            <mxPoint as="offset" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-28" value="&lt;pre&gt;&lt;font style=&quot;font-size: 10px;&quot;&gt;&lt;b&gt;Sprite_X_Offset &amp;lt; K_SpriteMaxWidth&lt;/b&gt;&lt;/font&gt;&lt;/pre&gt;" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;labelBackgroundColor=none;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;" parent="1" vertex="1">
+          <mxGeometry x="840" y="280" width="240" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-30" value="" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.083;entryY=1;entryDx=0;entryDy=0;entryPerimeter=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" source="vGB8lqAJrs4_pwNx2N7P-25" target="vGB8lqAJrs4_pwNx2N7P-31" edge="1">
+          <mxGeometry width="100" relative="1" as="geometry">
+            <mxPoint x="760" y="270" as="sourcePoint" />
+            <mxPoint x="870" y="230" as="targetPoint" />
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-31" value="&lt;pre&gt;&lt;font style=&quot;font-size: 10px;&quot;&gt;&lt;b style=&quot;&quot;&gt;Index(5 Bit) &amp;amp;&amp;nbsp;&lt;br&gt;&lt;/b&gt;&lt;b style=&quot;&quot;&gt;(Offset + Sprite_X_Offset)(8 Bit)&lt;/b&gt;&lt;/font&gt;&lt;/pre&gt;" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;labelBackgroundColor=none;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;" parent="1" vertex="1">
+          <mxGeometry x="840" y="120" width="240" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-32" value="" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.75;entryDx=0;entryDy=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" source="vGB8lqAJrs4_pwNx2N7P-24" target="vGB8lqAJrs4_pwNx2N7P-31" edge="1">
+          <mxGeometry width="100" relative="1" as="geometry">
+            <mxPoint x="770" y="180" as="sourcePoint" />
+            <mxPoint x="870" y="180" as="targetPoint" />
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-33" value="" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.25;entryDx=0;entryDy=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" source="vGB8lqAJrs4_pwNx2N7P-23" target="vGB8lqAJrs4_pwNx2N7P-31" edge="1">
+          <mxGeometry width="100" relative="1" as="geometry">
+            <mxPoint x="770" y="100" as="sourcePoint" />
+            <mxPoint x="810" y="150" as="targetPoint" />
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-34" value="" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" source="vGB8lqAJrs4_pwNx2N7P-28" target="vGB8lqAJrs4_pwNx2N7P-39" edge="1">
+          <mxGeometry width="100" relative="1" as="geometry">
+            <mxPoint x="1130" y="320" as="sourcePoint" />
+            <mxPoint x="1200" y="320" as="targetPoint" />
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-35" value="&lt;font style=&quot;font-size: 15px;&quot;&gt;&lt;b&gt;X_Visible&lt;/b&gt;&lt;/font&gt;&lt;div&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;&lt;span style=&quot;font-size: x-small;&quot;&gt;(1 Bit)&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;fontColor=#143642;" parent="vGB8lqAJrs4_pwNx2N7P-34" vertex="1" connectable="0">
+          <mxGeometry x="-0.0381" y="1" relative="1" as="geometry">
+            <mxPoint as="offset" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-36" value="" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" source="vGB8lqAJrs4_pwNx2N7P-31" target="vGB8lqAJrs4_pwNx2N7P-38" edge="1">
+          <mxGeometry width="100" relative="1" as="geometry">
+            <mxPoint x="1130" y="160" as="sourcePoint" />
+            <mxPoint x="1200" y="160" as="targetPoint" />
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-37" value="&lt;font style=&quot;font-size: 15px;&quot;&gt;&lt;b&gt;Address&lt;/b&gt;&lt;/font&gt;&lt;div&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;&lt;span style=&quot;font-size: x-small;&quot;&gt;(13 Bit)&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;fontColor=#143642;" parent="vGB8lqAJrs4_pwNx2N7P-36" vertex="1" connectable="0">
+          <mxGeometry x="-0.0476" y="4" relative="1" as="geometry">
+            <mxPoint as="offset" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-38" value="&lt;b&gt;&lt;u&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;Register&lt;/font&gt;&lt;/u&gt;&lt;/b&gt;" style="whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;" parent="1" vertex="1">
+          <mxGeometry x="1220" y="130" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-82" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" source="vGB8lqAJrs4_pwNx2N7P-39" target="vGB8lqAJrs4_pwNx2N7P-79" edge="1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-39" value="&lt;b&gt;&lt;u&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;Register&lt;/font&gt;&lt;/u&gt;&lt;/b&gt;" style="whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;" parent="1" vertex="1">
+          <mxGeometry x="1220" y="290" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-41" value="" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" source="vGB8lqAJrs4_pwNx2N7P-38" target="vGB8lqAJrs4_pwNx2N7P-79" edge="1">
+          <mxGeometry width="100" relative="1" as="geometry">
+            <mxPoint x="1370" y="159.5" as="sourcePoint" />
+            <mxPoint x="1520" y="160" as="targetPoint" />
+            <Array as="points" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-42" value="&lt;font style=&quot;font-size: 15px;&quot;&gt;&lt;b&gt;Address&lt;/b&gt;&lt;/font&gt;&lt;div&gt;&lt;font style=&quot;font-size: 15px;&quot;&gt;&lt;span style=&quot;font-size: x-small;&quot;&gt;(13 Bit)&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;fontColor=#143642;" parent="vGB8lqAJrs4_pwNx2N7P-41" vertex="1" connectable="0">
+          <mxGeometry x="0.0132" y="1" relative="1" as="geometry">
+            <mxPoint as="offset" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-49" value="&lt;p&gt;Sprite ROM&lt;br&gt;Address-Port&lt;br&gt;&lt;font style=&quot;font-size: 10px;&quot;&gt;(Eingag mit Register)&lt;/font&gt;&lt;/p&gt;" style="rounded=1;whiteSpace=wrap;fillColor=#FAE5C7;strokeColor=#0F8B8D;html=1;" parent="1" vertex="1">
+          <mxGeometry x="1680" y="130" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-81" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;labelBackgroundColor=none;strokeColor=#A8201A;fontColor=default;" parent="1" source="vGB8lqAJrs4_pwNx2N7P-79" target="vGB8lqAJrs4_pwNx2N7P-49" edge="1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="vGB8lqAJrs4_pwNx2N7P-79" value="&lt;pre style=&quot;line-height: 100%;&quot;&gt;&lt;font style=&quot;font-size: 8px;&quot;&gt;&lt;b&gt;X_Visible = 1&lt;/b&gt;&lt;/font&gt;&lt;/pre&gt;" style="triangle;whiteSpace=wrap;html=1;aspect=fixed;verticalAlign=middle;fontSize=9;align=center;labelBackgroundColor=none;fillColor=#FAE5C7;strokeColor=#0F8B8D;fontColor=#143642;" parent="1" vertex="1">
+          <mxGeometry x="1560" y="106.69999999999999" width="80" height="106.6" as="geometry" />
+        </mxCell>
+        <mxCell id="4xz_w84DqfjyNx5_b_Kn-1" value="{&#xa;    &quot;signal&quot;: [&#xa;        {&#xa;            &quot;name&quot;: &quot;CLK&quot;,&#xa;            &quot;wave&quot;: &quot;p....&quot;,&#xa;            &quot;node&quot;: &quot;.1234&quot;,&#xa;            &quot;period&quot;: 2&#xa;        },&#xa;        [&#xa;            &quot;Stufe 1&quot;,&#xa;            {&#xa;                &quot;name&quot;: &quot;Index&quot;,&#xa;                &quot;wave&quot;: &quot;x7x.......&quot;,&#xa;                &quot;data&quot;: &quot;Index&quot;&#xa;            },&#xa;            {&#xa;                &quot;name&quot;: &quot;Offset&quot;,&#xa;                &quot;wave&quot;: &quot;x7x.......&quot;,&#xa;                &quot;data&quot;: &quot;Offset&quot;&#xa;            },&#xa;            {&#xa;                &quot;name&quot;: &quot;X_Request&quot;,&#xa;                &quot;wave&quot;: &quot;x7x.......&quot;,&#xa;                &quot;data&quot;: &quot;X_Request&quot;&#xa;            },&#xa;            {&#xa;                &quot;name&quot;: &quot;X_Sprite&quot;,&#xa;                &quot;wave&quot;: &quot;x7x.......&quot;,&#xa;                &quot;data&quot;: &quot;X_Sprite&quot;&#xa;            }&#xa;        ],&#xa;        [&#xa;            &quot;Stufe 2&quot;,&#xa;            {&#xa;                &quot;name&quot;: &quot;Index&quot;,&#xa;                &quot;wave&quot;: &quot;x..7x.....&quot;,&#xa;                &quot;data&quot;: &quot;Index&quot;&#xa;            },&#xa;            {&#xa;                &quot;name&quot;: &quot;Offset&quot;,&#xa;                &quot;wave&quot;: &quot;x..7x.....&quot;,&#xa;                &quot;data&quot;: &quot;Offset&quot;&#xa;            },&#xa;            {&#xa;                &quot;name&quot;: &quot;Sprite_X_Offset&quot;,&#xa;                &quot;wave&quot;: &quot;x..7x.....&quot;,&#xa;                &quot;data&quot;: &quot;Sprite_X_Offset&quot;&#xa;            }&#xa;        ],&#xa;        [&#xa;            &quot;Stufe 3&quot;,&#xa;            {&#xa;                &quot;name&quot;: &quot;Address&quot;,&#xa;                &quot;wave&quot;: &quot;x....7x...&quot;,&#xa;                &quot;data&quot;: &quot;Address&quot;&#xa;            },&#xa;            {&#xa;                &quot;name&quot;: &quot;X_Visible&quot;,&#xa;                &quot;wave&quot;: &quot;x....7x...&quot;,&#xa;                &quot;data&quot;: &quot;X_Visible&quot;&#xa;            }&#xa;        ],&#xa;        [&#xa;            &quot;ROM&quot;,&#xa;            {&#xa;                &quot;name&quot;: &quot;Address&quot;,&#xa;                &quot;wave&quot;: &quot;x......7x.&quot;,&#xa;                &quot;data&quot;: &quot;Address&quot;&#xa;            }&#xa;        ]&#xa;    ],&#xa;    &quot;config&quot;: {&#xa;        &quot;hscale&quot;: 3&#xa;    }&#xa;}" style="shadow=0;dashed=0;align=left;strokeWidth=1;labelBackgroundColor=#ffffff;noLabel=1;shape=mxgraph.wavedrom.abstract.timing;backgroundOutline=0;collapsible=0;comic=0;fillColor=none;" vertex="1" parent="1">
+          <mxGeometry x="20" y="490" width="1760" height="450" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>
diff --git a/docs/HorizontalSpritePipeline.json b/docs/HorizontalSpritePipeline.json
new file mode 100644
index 0000000..e9f520f
--- /dev/null
+++ b/docs/HorizontalSpritePipeline.json
@@ -0,0 +1,75 @@
+{
+    "signal": [
+        {
+            "name": "CLK",
+            "wave": "p....",
+            "node": ".1234",
+            "period": 2
+        },
+        [
+            "Stufe 1",
+            {
+                "name": "Index",
+                "wave": "x7x.......",
+                "data": "Index"
+            },
+            {
+                "name": "Offset",
+                "wave": "x7x.......",
+                "data": "Offset"
+            },
+            {
+                "name": "X_Request",
+                "wave": "x7x.......",
+                "data": "X_Request"
+            },
+            {
+                "name": "X_Sprite",
+                "wave": "x7x.......",
+                "data": "X_Sprite"
+            }
+        ],
+        [
+            "Stufe 2",
+            {
+                "name": "Index",
+                "wave": "x..7x.....",
+                "data": "Index"
+            },
+            {
+                "name": "Offset",
+                "wave": "x..7x.....",
+                "data": "Offset"
+            },
+            {
+                "name": "Sprite_X_Offset",
+                "wave": "x..7x.....",
+                "data": "Sprite_X_Offset"
+            }
+        ],
+        [
+            "Stufe 3",
+            {
+                "name": "Address",
+                "wave": "x....7x...",
+                "data": "Address"
+            },
+            {
+                "name": "X_Visible",
+                "wave": "x....7x...",
+                "data": "X_Visible"
+            }
+        ],
+        [
+            "ROM",
+            {
+                "name": "Address",
+                "wave": "x......7x.",
+                "data": "Address"
+            }
+        ]
+    ],
+    "config": {
+        "hscale": 3
+    }
+}
\ No newline at end of file
diff --git a/docs/HorizontalSpritePipeline.png b/docs/HorizontalSpritePipeline.png
new file mode 100644
index 0000000..d8c98f3
Binary files /dev/null and b/docs/HorizontalSpritePipeline.png differ