three.js/manual/resources/cube-vertex-winding-order.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
    <g transform="matrix(1,0,0,1,86.2198,-67.9602)">
        <path d="M320.18,156.154L143.561,130.681L143.561,354.814L320.18,391.547L320.18,156.154Z" style="fill:none;stroke:black;stroke-width:1px;"/>
    </g>
    <g transform="matrix(1,0,0,1,21.179,-43.8717)">
        <path d="M69.82,208.218L208.602,106.592" style="fill:none;stroke:black;stroke-width:1px;"/>
    </g>
    <g transform="matrix(1,0,0,1,-12.8192,-8.41256)">
        <path d="M280.195,208.218L419.219,96.606" style="fill:none;stroke:black;stroke-width:1px;"/>
    </g>
    <g transform="matrix(1,0,0,1,-12.8192,-9.30311)">
        <path d="M280.195,458.862L302.628,436.773L419.219,332.889" style="fill:none;stroke:black;stroke-width:1px;"/>
    </g>
    <g transform="matrix(1,0,0,1,21.179,-43.8717)">
        <path d="M69.82,439.666L208.602,330.725" style="fill:none;stroke:black;stroke-width:1px;"/>
    </g>
    <g transform="matrix(1,0,0,1,50.2788,431.406)">
        <text x="0px" y="0px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:50px;">0</text>
    </g>
    <g transform="matrix(1,0,0,1,280.025,486.567)">
        <text x="0px" y="0px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:50px;">1</text>
    </g>
    <g transform="matrix(1,0,0,1,50.5229,167.742)">
        <text x="0px" y="0px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:50px;">2</text>
    </g>
    <g transform="matrix(1,0,0,1,247.901,185.394)">
        <text x="0px" y="0px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:50px;">3</text>
    </g>
    <g transform="matrix(1,0,0,1,192.954,286.853)">
        <text x="0px" y="0px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:50px;">4</text>
    </g>
    <g transform="matrix(1,0,0,1,-15.4061,33.6656)">
        <path d="M282.782,166.14L106.405,130.681L106.405,362.129L282.782,415.893L282.782,166.14Z" style="fill:rgb(255,194,42);stroke:black;stroke-width:1px;"/>
    </g>
    <path d="M90.999,395.795L267.376,199.806L267.376,449.558L90.999,395.795Z" style="fill:rgb(255,171,5);"/>
    <g transform="matrix(1,0,0,1,7.70655,-21.9953)">
        <g transform="matrix(-1,-1.23165e-16,1.23165e-16,-1,210.359,575.255)">
            <path d="M103.055,232.065L95.79,232.065L105.179,208.278L114.569,232.065L107.304,232.065L107.304,366.977L103.055,366.977L103.055,232.065Z" style="fill:rgb(31,180,0);"/>
        </g>
        <g transform="matrix(0.211738,-0.977327,0.658284,0.142617,-40.0936,290.97)">
            <path d="M103.055,232.065L95.79,232.065L105.179,208.278L114.569,232.065L107.304,232.065L107.304,366.977L103.055,366.977L103.055,232.065Z" style="fill:rgb(31,180,0);"/>
        </g>
        <g transform="matrix(0.747948,0.663758,-0.447078,0.503785,208.446,87.9396)">
            <path d="M103.055,232.065L95.79,232.065L105.179,208.278L114.569,232.065L107.304,232.065L107.304,366.977L103.055,366.977L103.055,232.065Z" style="fill:rgb(31,180,0);"/>
        </g>
    </g>
    <g transform="matrix(-1,1.22465e-16,-1.22465e-16,-1,350.325,626.093)">
        <g transform="matrix(-1,-1.11022e-16,1.11022e-16,-1,210.359,575.255)">
            <path d="M103.055,232.065L95.79,232.065L105.179,208.278L114.569,232.065L107.304,232.065L107.304,366.977L103.055,366.977L103.055,232.065Z" style="fill:rgb(31,180,0);"/>
        </g>
        <g transform="matrix(0.286546,-0.958066,0.645311,0.193005,-44.2304,274.451)">
            <path d="M103.055,232.065L95.79,232.065L105.179,208.278L114.569,232.065L107.304,232.065L107.304,366.977L103.055,366.977L103.055,232.065Z" style="fill:rgb(31,180,0);"/>
        </g>
        <g transform="matrix(0.739343,0.673329,-0.453525,0.497989,215.206,84.5999)">
            <path d="M103.055,232.065L95.79,232.065L105.179,208.278L114.569,232.065L107.304,232.065L107.304,366.977L103.055,366.977L103.055,232.065Z" style="fill:rgb(31,180,0);"/>
        </g>
    </g>
    <g transform="matrix(1,0,0,1,7.70655,-21.9953)">
        <path d="M83.292,417.79L259.669,221.801" style="fill:none;stroke:rgb(51,51,51);stroke-width:1px;stroke-dasharray:5,5,0,0;"/>
    </g>
    <g transform="matrix(1,0,0,1,-139.162,105.803)">
        <circle cx="230.16" cy="58.543" r="6.114"/>
    </g>
    <g transform="matrix(1,0,0,1,-139.162,337.251)">
        <circle cx="230.16" cy="58.543" r="6.114"/>
    </g>
    <g transform="matrix(1,0,0,1,37.2155,391.015)">
        <circle cx="230.16" cy="58.543" r="6.114"/>
    </g>
    <g transform="matrix(1,0,0,1,176.041,265.043)">
        <circle cx="230.16" cy="58.543" r="6.114"/>
    </g>
    <g transform="matrix(1,0,0,1,37.2155,140.771)">
        <circle cx="230.16" cy="58.543" r="6.114"/>
    </g>
    <g transform="matrix(1,0,0,1,176.041,29.4054)">
        <circle cx="230.16" cy="58.543" r="6.114"/>
    </g>
    <g transform="matrix(1,0,0,1,-0.379413,3.36831)">
        <circle cx="230.16" cy="58.543" r="6.114"/>
    </g>
</svg>