qt/qtquick3d/src/quick3d/doc/images/qtquick3d-rendergraph.drawio.svg

Revision control

Copy as Markdown

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="738px" height="566px" viewBox="-0.5 -0.5 738 566" content="&lt;mxfile host=&quot;4cdb5960-3251-47f2-9b1e-8a119963546c&quot; modified=&quot;2020-10-21T13:54:13.397Z&quot; agent=&quot;5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Code/1.50.1 Chrome/83.0.4103.122 Electron/9.2.1 Safari/537.36&quot; etag=&quot;yUs9DJmyywaRdO5nIHQe&quot; version=&quot;13.6.5&quot;&gt;&lt;diagram id=&quot;h-coo7PpiW8BwbxdDf8c&quot; name=&quot;Page-1&quot;&gt;7VvbbuM2EP0aA+1DA90oO48bO7stkEWCeoHd9I2WGJuNLKoUndj79SUl0rqQsYWNLo6Tl0QcURQ1Z+bMcEiP3Ol6+4XCZPWVhCgaOVa4HbmzkePYln3J/wnJLpf4Y5ALlhSHslMhmOOfSD0ppRscorTSkRESMZxUhQGJYxSwigxSSp6r3R5IVH1rApdIE8wDGOnS7zhkq1w6AVYh/xPh5Uq92bbknTVUnaUgXcGQPJdE7vXInVJCWH613k5RJJSn9JI/9/mFu/uJURSzJg8AR86D7dTHoZB/q2wSylZkSWIYXRfSK0o2cYjECBZvFX1uCEm40ObCfxFjOwkc3DDCRSu2juRdtMXsR+n6Xgx1AWRrtpUjZ42dasSM7n4UHUXzXo0hGsVjWUs9lzJKHtGURIRm3+cCF0z8K35H15VUX0o2NJDa8KSpMkiXSHZzx7lMaKr0oNTwF0TWiM+Ad6Aoggw/Va0GSuNb7vsV+PALCZEZLjWbJxht5KgaflV0nleYoXkCs+955u5YReIBR1FJNw63Yu8XtfaEKEPbg/pQdyfS+nfqq6T7PxfO5Liyz6rsSJfW63UI/NMx+XFTmy9bfMkBurF5Zd9lm3cmQ9m8b58OXg3h+sO6sKxJDbPxMdSy1h2imKsI0e6gBN5QUKrZlOhrHqAYcdHfiONF+cUdTNMDnGYf57QILlB0R1LMMIm5jL8h0+eVYCjMo/hNrcMah2FmNTDCS+MTn+QNJqynTprT6+nnGTiI1QOJmYlmWyBTzwEVMt1zZIlMbd9Apq7TApmeEJeeJpUa3G8w79Ocb4YSbiLc5yhqxfNqjuHZ0xlPMIdyjGqSYfQLx+AXfgtuMRnSLawLB5Q8w27mF3bVL5yOHQPojjFcVj3oIqhgrvsyQKfEYgaw1MKjPbTko3cE85nsvdipejGorwDyOcmHapDvZ9FsXfASPfoR/+arBU9O/KW4+oa2bCMYs2YzR8gRpklei3jAW2E3v7D2qrHlPvFogS0dq0aXE50uJwa2nLTAlqqs85FFvOB/hiT+ciiyNKTw80+3Z58+OOMe0wfvI60+7BAnVZTTa3K3QRBtUrG4dKx3ES1cq8doYWv6nudV9JyDUO8s1D7bAK9HtrH1haGmwXQFE3EZbBbouAoXub5vFnsBDB6XGQq3GxbhGEl5COnjLR8Gs4wYLixQFTqZdDBU9mtGBYulF6o7M3PvOCqvKfUPpEFDqb8zDerErBYXMA7533lCROMme62W5u9JZSps3rG+wkRnFq4GViPuYzXEfbWRohT/hItsKIFfIiaXfS+4GoGZGIvH6DQP13bHhF7bkgFuQwJyWwBKjVteemHKwx8W+UsDhGSMPWd4qkVe3zHAY3cFz3sIuKDHgAve3o5Wv+m9CnXl/N4bbMWrZnM69t/fshf4PfqFYYciLypYD/xTOfQwWBXRwApgynC8HKlTNE3ov6rTmIhMtAKAFDUPEyZwq77aJVrVsAAMyzBjWABtoOUNyWLVqvnhPY5mnGPYqlOyAThn/BEiDsNl2pPwB4NL3zyYBxSheHTudVHPRDmd1UXBW/eKo4eAXusWvu4Ww1VG1WwMbtF0U63j04x91kgNBxC6Kn2oAwiHDlp9y01EQ+K3PRRWlnV9xzFPrn7XkHnTBWzfrYHTNM+12zg1ZdgymD/uFmR7huGilqI6TQtLbcQLV69c3Cbwv42w7b8YWqe69Z+5+k0bNd2pX184O7NC9edu6m6fW8auvnb+RmGcyi96N0r3+tw5U2MMtASu5KNOw4S073N+skpwGgkp0DfVVF6kzsK+k/Ne9QSocVxuJQECl0M6Ths/O7M6dpuJ7jbD/W4D6MuJa0gj8a5/zj+k2KbNtpZCCm8WP/bMD60WP5l1r/8H&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs/>
<g>
<path d="M 397 470 L 492 470 L 492 396.37" fill="none" stroke="#53586b" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 492 391.12 L 495.5 398.12 L 492 396.37 L 488.5 398.12 Z" fill="#53586b" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<rect x="167" y="375" width="230" height="190" fill="#222840" stroke="#53586b" pointer-events="all"/>
<path d="M 572 310 L 594.5 310 L 594.5 300 L 610.63 300" fill="none" stroke="#53586b" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 615.88 300 L 608.88 303.5 L 610.63 300 L 608.88 296.5 Z" fill="#53586b" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 572 230 L 594.5 230 L 594.5 179 L 609.67 179" fill="none" stroke="#53586b" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 614.92 179 L 607.92 182.5 L 609.67 179 L 607.92 175.5 Z" fill="#53586b" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<rect x="412" y="70" width="160" height="320" rx="24" ry="24" fill="#cecfd5" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 77px; margin-left: 413px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #222840; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Scene Render Pass
</div>
</div>
</div>
</foreignObject>
<text x="492" y="89" fill="#222840" font-family="Helvetica" font-size="12px" text-anchor="middle">
Scene Render Pass
</text>
</switch>
</g>
<path d="M 147 100 L 180.63 100" fill="none" stroke="#53586b" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 185.88 100 L 178.88 103.5 L 180.63 100 L 178.88 96.5 Z" fill="#53586b" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<rect x="27" y="70" width="120" height="60" rx="9" ry="9" fill="#41cd52" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 100px; margin-left: 28px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #222840; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Depth Pre Pass
</div>
</div>
</div>
</foreignObject>
<text x="87" y="104" fill="#222840" font-family="Helvetica" font-size="12px" text-anchor="middle">
Depth Pre Pass
</text>
</switch>
</g>
<path d="M 207 140 L 207 165 L 153.37 165" fill="none" stroke="#53586b" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 148.12 165 L 155.12 161.5 L 153.37 165 L 155.12 168.5 Z" fill="#53586b" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 227 60 L 227 40 L 7 40 L 7 470 L 20.63 470" fill="none" stroke="#53586b" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 25.88 470 L 18.88 473.5 L 20.63 470 L 18.88 466.5 Z" fill="#53586b" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<rect x="187" y="60" width="80" height="80" fill="#222840" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 100px; margin-left: 188px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #CECFD5; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Depth
<br/>
Texture
</div>
</div>
</div>
</foreignObject>
<text x="227" y="104" fill="#CECFD5" font-family="Helvetica" font-size="12px" text-anchor="middle">
Depth...
</text>
</switch>
</g>
<path d="M 147 180 L 167 180 L 167 220 L 180.63 220" fill="none" stroke="#53586b" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 185.88 220 L 178.88 223.5 L 180.63 220 L 178.88 216.5 Z" fill="#53586b" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<rect x="27" y="150" width="120" height="60" rx="9" ry="9" fill="#41cd52" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 180px; margin-left: 28px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #222840; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
SSAO Pass
</div>
</div>
</div>
</foreignObject>
<text x="87" y="184" fill="#222840" font-family="Helvetica" font-size="12px" text-anchor="middle">
SSAO Pass
</text>
</switch>
</g>
<path d="M 267 220 L 339.5 220 L 339.5 230 L 405.63 230" fill="none" stroke="#53586b" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 410.88 230 L 403.88 233.5 L 405.63 230 L 403.88 226.5 Z" fill="#53586b" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<rect x="187" y="180" width="80" height="80" fill="#222840" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 220px; margin-left: 188px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #CECFD5; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Occlusion Texture
</div>
</div>
</div>
</foreignObject>
<text x="227" y="224" fill="#CECFD5" font-family="Helvetica" font-size="12px" text-anchor="middle">
Occlusion Tex...
</text>
</switch>
</g>
<rect x="27" y="420" width="120" height="60" rx="9" ry="9" fill="#41cd52" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 450px; margin-left: 28px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Shadow Passes
</div>
</div>
</div>
</foreignObject>
<text x="87" y="454" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Shadow Passes
</text>
</switch>
</g>
<path d="M 177 385 L 237 385 L 257 405 L 257 465 L 197 465 L 177 445 L 177 385 Z" fill="#41cd52" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 177 385 L 237 385 L 257 405 L 197 405 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
<path d="M 177 385 L 197 405 L 197 465 L 177 445 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
<path d="M 197 465 L 197 405 L 177 385 M 197 405 L 257 405" fill="none" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<rect x="177" y="475" width="80" height="80" fill="#41cd52" stroke="#53586b" pointer-events="all"/>
<rect x="267" y="410" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 425px; margin-left: 327px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #CECFD5; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Point and Spot Light
<br/>
Shadow Cube Maps
</div>
</div>
</div>
</foreignObject>
<text x="327" y="429" fill="#CECFD5" font-family="Helvetica" font-size="12px" text-anchor="middle">
Point and Spot Light...
</text>
</switch>
</g>
<rect x="272" y="500" width="110" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 515px; margin-left: 327px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #CECFD5; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
Directional Light
<br/>
Shadow Textures
</div>
</div>
</div>
</foreignObject>
<text x="327" y="519" fill="#CECFD5" font-family="Helvetica" font-size="12px" text-anchor="middle">
Directional Light...
</text>
</switch>
</g>
<rect x="27" y="430" width="120" height="60" rx="9" ry="9" fill="#41cd52" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 460px; margin-left: 28px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Shadow Passes
</div>
</div>
</div>
</foreignObject>
<text x="87" y="464" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Shadow Passes
</text>
</switch>
</g>
<path d="M 147 470 L 160.63 470" fill="none" stroke="#53586b" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 165.88 470 L 158.88 473.5 L 160.63 470 L 158.88 466.5 Z" fill="#53586b" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<rect x="27" y="440" width="120" height="60" rx="9" ry="9" fill="#41cd52" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 470px; margin-left: 28px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #222840; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Shadow Passes
</div>
</div>
</div>
</foreignObject>
<text x="87" y="474" fill="#222840" font-family="Helvetica" font-size="12px" text-anchor="middle">
Shadow Passes
</text>
</switch>
</g>
<rect x="32" y="380" width="110" height="50" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 405px; margin-left: 33px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #222840; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Pass for each Light casting shadows
</div>
</div>
</div>
</foreignObject>
<text x="87" y="409" fill="#222840" font-family="Helvetica" font-size="12px" text-anchor="middle">
Pass for each Ligh...
</text>
</switch>
</g>
<path d="M 87 430 L 87 430" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 87 430 L 87 430 L 87 430 L 87 430 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 147 310 L 180.63 310" fill="none" stroke="#53586b" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 185.88 310 L 178.88 313.5 L 180.63 310 L 178.88 306.5 Z" fill="#53586b" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<rect x="27" y="280" width="120" height="60" rx="9" ry="9" fill="#41cd52" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 310px; margin-left: 28px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #222840; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Screen Pass
</div>
</div>
</div>
</foreignObject>
<text x="87" y="314" fill="#222840" font-family="Helvetica" font-size="12px" text-anchor="middle">
Screen Pass
</text>
</switch>
</g>
<path d="M 267 310 L 405.63 310" fill="none" stroke="#53586b" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 410.88 310 L 403.88 313.5 L 405.63 310 L 403.88 306.5 Z" fill="#53586b" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<rect x="187" y="270" width="80" height="80" fill="#222840" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 310px; margin-left: 188px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #CECFD5; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Screen
<br/>
Texture
</div>
</div>
</div>
</foreignObject>
<text x="227" y="314" fill="#CECFD5" font-family="Helvetica" font-size="12px" text-anchor="middle">
Screen...
</text>
</switch>
</g>
<rect x="617" y="240" width="120" height="120" fill="#222840" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 300px; margin-left: 618px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #CECFD5; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Scene Render Target
<br/>
(Texture or Window)
</div>
</div>
</div>
</foreignObject>
<text x="677" y="304" fill="#CECFD5" font-family="Helvetica" font-size="12px" text-anchor="middle">
Scene Render Target...
</text>
</switch>
</g>
<rect x="432" y="110" width="120" height="60" rx="9" ry="9" fill="#41cd52" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 140px; margin-left: 433px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #222840; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Skybox Pass
</div>
</div>
</div>
</foreignObject>
<text x="492" y="144" fill="#222840" font-family="Helvetica" font-size="12px" text-anchor="middle">
Skybox Pass
</text>
</switch>
</g>
<rect x="432" y="180" width="120" height="60" rx="9" ry="9" fill="#41cd52" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 210px; margin-left: 433px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #222840; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Opaque Items
<br/>
Pass
</div>
</div>
</div>
</foreignObject>
<text x="492" y="214" fill="#222840" font-family="Helvetica" font-size="12px" text-anchor="middle">
Opaque Items...
</text>
</switch>
</g>
<rect x="432" y="250" width="120" height="60" rx="9" ry="9" fill="#41cd52" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 280px; margin-left: 433px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #222840; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
2D Items Pass
</div>
</div>
</div>
</foreignObject>
<text x="492" y="284" fill="#222840" font-family="Helvetica" font-size="12px" text-anchor="middle">
2D Items Pass
</text>
</switch>
</g>
<rect x="432" y="320" width="120" height="60" rx="9" ry="9" fill="#41cd52" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 350px; margin-left: 433px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #222840; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Transparent Items Pass
</div>
</div>
</div>
</foreignObject>
<text x="492" y="354" fill="#222840" font-family="Helvetica" font-size="12px" text-anchor="middle">
Transparent Items Pa...
</text>
</switch>
</g>
<path d="M 617 140 L 594.5 140 L 594.5 150 L 578.37 150" fill="none" stroke="#53586b" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 573.12 150 L 580.12 146.5 L 578.37 150 L 580.12 153.5 Z" fill="#53586b" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<rect x="617" y="110" width="120" height="120" fill="#222840" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 170px; margin-left: 618px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #CECFD5; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Scene Depth
<br/>
Texture
</div>
</div>
</div>
</foreignObject>
<text x="677" y="174" fill="#CECFD5" font-family="Helvetica" font-size="12px" text-anchor="middle">
Scene Depth...
</text>
</switch>
</g>
<path d="M 552 30 L 677 30 L 677 103.63" fill="none" stroke="#53586b" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 677 108.88 L 673.5 101.88 L 677 103.63 L 680.5 101.88 Z" fill="#53586b" stroke="#53586b" stroke-miterlimit="10" pointer-events="all"/>
<rect x="432" y="0" width="120" height="60" rx="9" ry="9" fill="#41cd52" stroke="#53586b" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 30px; margin-left: 433px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #222840; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Early Z Pass
</div>
</div>
</div>
</foreignObject>
<text x="492" y="34" fill="#222840" font-family="Helvetica" font-size="12px" text-anchor="middle">
Early Z Pass
</text>
</switch>
</g>
</g>
<switch>
<a transform="translate(0,-5)" xlink:href="https://desk.draw.io/support/solutions/articles/16000042487" target="_blank">
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
Viewer does not support full SVG 1.1
</text>
</a>
</switch>
</svg>