1031 lines
129 KiB
HTML
1031 lines
129 KiB
HTML
<div class="controller-config">
|
|
<div class="config-header">
|
|
<div class="group" id="ControllerTypeGroup">
|
|
<div class="connect">
|
|
<input type="checkbox" id="ConnectedController">
|
|
<label for="ConnectedController">Connect Controller</label>
|
|
</div>
|
|
<ComboBox id="comboControllerType" />
|
|
</div>
|
|
<div class="group InputDevice">
|
|
<div class="group-title">Input Device</div>
|
|
<ComboBox id="comboDevices" />
|
|
</div>
|
|
<div class="group profile">
|
|
<div class="group-title">Profile</div>
|
|
<select id="profile" style="width: 100%%">
|
|
<option value="">Select Profile</option>
|
|
</select>
|
|
<button id="profile-save-btn">Save</button>
|
|
<button id="profile-new-btn">New</button>
|
|
<button id="profile-delete-btn">Delete</button>
|
|
</div>
|
|
</div>
|
|
<div id="bottom">
|
|
<div id="bottomLeftSpacer"></div>
|
|
<div id="bottomLeft">
|
|
<div class="input-group">
|
|
<div class="group-title">Left Stick</div>
|
|
|
|
<div class="input-grid-directional">
|
|
<div class="input-row"><span>Up</span><button id="ButtonLStickUp">W</button></div>
|
|
<div class="input-row"><span>Left</span><button id="ButtonLStickLeft">A</button></div>
|
|
<div class="input-row"><span>Right</span><button id="ButtonLStickRight">D</button></div>
|
|
<div class="input-row"><span>Down</span><button id="ButtonLStickDown">S</button></div>
|
|
<div class="input-row"><span>Pressed</span><button id="ButtonLStick">F</button></div>
|
|
<div class="input-row"><span>Modifier</span><button id="ButtonLStickMod">Shift</button></div>
|
|
<label id="labelLStickDeadzone">Deadzone: <span>0%</span></label>
|
|
<input type="hslider" id="sliderLStickDeadzone" min="0" max="100" value="0" />
|
|
<label id="labelLStickModifierRange">Modifier Range: <span>51%</span></label>
|
|
<input type="hslider" id="sliderLStickModifierRange" min="0" max="100" value="51" />
|
|
</div>
|
|
</div>
|
|
<div class="input-group">
|
|
<div class="group-title">D-Pad</div>
|
|
|
|
<div class="input-grid-directional">
|
|
<div class="input-row"><span>Up</span><button id="ButtonDpadUp">Up</button></div>
|
|
<div class="input-row"><span>Left</span><button id="ButtonDpadLeft">Left</button></div>
|
|
<div class="input-row"><span>Right</span><button id="ButtonDpadRight">Right</button></div>
|
|
<div class="input-row"><span>Down</span><button id="ButtonDpadDown">Down</button></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bottomMiddle">
|
|
<div class="center-buttons-grid">
|
|
<div class="button-column" id="buttonShoulderButtonsSLSRLeft">
|
|
<div class="input-row"><span>SL</span><button id="ButtonSLLeft">Q</button></div>
|
|
<div class="input-row"><span>SR</span><button id="ButtonSRLeft">E</button></div>
|
|
</div>
|
|
<div id="horizontalSpacerShoulderButtonsWidget4" />
|
|
<div class="button-column" id="buttonShoulderButtonsLeft">
|
|
<div class="input-row"><span>L</span><button id="ButtonL">Q</button></div>
|
|
<div class="input-row"><span>ZL</span><button id="ButtonZL">R</button><input type="hslider" id="sliderZLThreshold" min="0" max="100" value="50" /></div>
|
|
</div>
|
|
<div id="horizontalSpacerShoulderButtonsWidget" />
|
|
<div class="button-column" id="buttonMiscButtonsMinusScreenshot">
|
|
<div class="input-row" id="buttonMiscButtonsMinusGroup"><span>Minus</span><button id="ButtonMinus">N</button></div>
|
|
<div class="input-row" id="buttonMiscButtonsScreenshotGroup"><span>Capture</span><button id="ButtonScreenshot"></button></div>
|
|
</div>
|
|
<div class="button-column" id="buttonMiscButtonsPlusHome">
|
|
<div class="input-row"><span>Plus</span><button id="ButtonPlus">M</button></div>
|
|
<div class="input-row"><span>Home</span><button id="ButtonHome"></button></div>
|
|
</div>
|
|
<div id="horizontalSpacerShoulderButtonsWidget3" />
|
|
<div class="button-column" id="buttonShoulderButtonsRight">
|
|
<div class="input-row"><span>R</span><button id="ButtonR">E</button></div>
|
|
<div class="input-row"><span>ZR</span><button id="ButtonZR">T</button><input type="hslider" id="sliderZRThreshold" min="0" max="100" value="50" /></div>
|
|
</div>
|
|
<div id="horizontalSpacerShoulderButtonsWidget2" />
|
|
<div class="button-column" id="buttonShoulderButtonsSLSRRight">
|
|
<div class="input-row"><span>SL</span><button id="ButtonSLRight">Q</button></div>
|
|
<div class="input-row"><span>SR</span><button id="ButtonSRRight">E</button></div>
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%%; height: 100%%">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-235 -160 470 340" id="ProController">
|
|
<defs>
|
|
<linearGradient id="frontFaceGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#8A8C8E" stop-opacity="1" />
|
|
<stop offset="50%" stop-color="#6D6F72" stop-opacity="1" />
|
|
<stop offset="100%" stop-color="#4D5054" stop-opacity="1" />
|
|
</linearGradient>
|
|
|
|
<linearGradient id="backFaceGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#5A5C5E" stop-opacity="1" />
|
|
<stop offset="100%" stop-color="#3D4044" stop-opacity="1" />
|
|
</linearGradient>
|
|
|
|
</defs>
|
|
<g class="controller" fill-rule="nonzero">
|
|
<path class="leftGrip" d="M -178.7 -47.5 L -179.0 -46.1 L -179.3 -44.6 L -182.0 -29.8 L -182.3 -28.4 L -182.6 -26.9 L -182.8 -25.4 L -183.1 -23.9 L -183.3 -22.4 L -183.6 -21.0 L -183.8 -19.5 L -184.1 -18.0 L -184.3 -16.5 L -184.6 -15.1 L -184.8 -13.6 L -185.1 -12.1 L -185.3 -10.6 L -185.6 -9.1 L -185.8 -7.7 L -186.1 -6.2 L -186.3 -4.7 L -186.6 -3.2 L -186.8 -1.7 L -187.1 -0.3 L -187.3 1.2 L -187.6 2.7 L -187.8 4.2 L -188.3 7.1 L -188.5 8.6 L -188.8 10.1 L -189.0 11.6 L -189.3 13.1 L -189.5 14.5 L -190.0 17.5 L -190.2 19.0 L -190.5 20.5 L -190.7 21.9 L -191.2 24.9 L -191.4 26.4 L -191.7 27.9 L -191.9 29.3 L -192.4 32.3 L -192.6 33.8 L -193.1 36.8 L -193.3 38.2 L -193.8 41.2 L -194.0 42.7 L -194.7 47.1 L -194.9 48.6 L -199.0 82.9 L -199.1 84.4 L -199.1 85.9 L -199.2 87.4 L -199.2 88.9 L -199.1 94.9 L -198.9 96.4 L -198.8 97.8 L -198.5 99.3 L -198.3 100.8 L -198.0 102.3 L -197.7 103.7 L -197.4 105.2 L -197.0 106.7 L -196.6 108.1 L -195.7 111.0 L -195.2 112.4 L -194.1 115.2 L -193.5 116.5 L -192.8 117.9 L -192.1 119.2 L -190.6 121.8 L -189.8 123.1 L -188.9 124.3 L -187.0 126.6 L -186.0 127.7 L -183.9 129.8 L -182.7 130.8 L -180.3 132.6 L -179.1 133.4 L -177.8 134.1 L -176.4 134.8 L -175.1 135.5 L -173.7 136.0 L -169.4 137.3 L -167.9 137.7 L -166.5 138.0 L -165.0 138.3 L -163.5 138.4 L -162.0 138.4 L -160.5 138.3 L -159.0 138.0 L -157.6 137.7 L -156.1 137.3 L -154.7 136.9 L -153.2 136.5 L -151.8 136.0 L -150.4 135.4 L -149.1 134.8 L -147.7 134.1 L -146.5 133.3 L -145.2 132.5 L -144.0 131.6 L -142.8 130.6 L -141.7 129.6 L -139.6 127.5 L -138.6 126.4 L -137.7 125.2 L -135.1 121.5 L -134.3 120.3 L -133.5 119.0 L -131.9 116.5 L -131.1 115.2 L -128.8 111.3 L -128.0 110.1 L -127.2 108.8 L -126.5 107.5 L -125.7 106.2 L -125.0 104.9 L -124.2 103.6 L -123.5 102.3 L -122.0 99.6 L -121.3 98.3 L -115.8 87.7 L -115.1 86.4 L -114.4 85.0 L -113.7 83.7 L -112.3 81.0 L -111.6 79.7 L -110.1 77.1 L -109.4 75.8 L -108.0 73.1 L -107.2 71.8 L -106.4 70.6 L -105.7 69.3 L -104.8 68.0 L -104.0 66.8 L -103.1 65.6 L -101.1 63.3 L -100.0 62.3 L -98.8 61.4 L -97.6 60.6 L -97.9 59.5 L -98.8 58.3 L -101.5 54.6 L -102.4 53.4 Z" fill="#c9ced6"/>
|
|
<path class="rightGrip" d="M 178.7 -47.5 L 179.0 -46.1 L 179.3 -44.6 L 182.0 -29.8 L 182.3 -28.4 L 182.6 -26.9 L 182.8 -25.4 L 183.1 -23.9 L 183.3 -22.4 L 183.6 -21.0 L 183.8 -19.5 L 184.1 -18.0 L 184.3 -16.5 L 184.6 -15.1 L 184.8 -13.6 L 185.1 -12.1 L 185.3 -10.6 L 185.6 -9.1 L 185.8 -7.7 L 186.1 -6.2 L 186.3 -4.7 L 186.6 -3.2 L 186.8 -1.7 L 187.1 -0.3 L 187.3 1.2 L 187.6 2.7 L 187.8 4.2 L 188.3 7.1 L 188.5 8.6 L 188.8 10.1 L 189.0 11.6 L 189.3 13.1 L 189.5 14.5 L 190.0 17.5 L 190.2 19.0 L 190.5 20.5 L 190.7 21.9 L 191.2 24.9 L 191.4 26.4 L 191.7 27.9 L 191.9 29.3 L 192.4 32.3 L 192.6 33.8 L 193.1 36.8 L 193.3 38.2 L 193.8 41.2 L 194.0 42.7 L 194.7 47.1 L 194.9 48.6 L 199.0 82.9 L 199.1 84.4 L 199.1 85.9 L 199.2 87.4 L 199.2 88.9 L 199.1 94.9 L 198.9 96.4 L 198.8 97.8 L 198.5 99.3 L 198.3 100.8 L 198.0 102.3 L 197.7 103.7 L 197.4 105.2 L 197.0 106.7 L 196.6 108.1 L 195.7 111.0 L 195.2 112.4 L 194.1 115.2 L 193.5 116.5 L 192.8 117.9 L 192.1 119.2 L 190.6 121.8 L 189.8 123.1 L 188.9 124.3 L 187.0 126.6 L 186.0 127.7 L 183.9 129.8 L 182.7 130.8 L 180.3 132.6 L 179.1 133.4 L 177.8 134.1 L 176.4 134.8 L 175.1 135.5 L 173.7 136.0 L 169.4 137.3 L 167.9 137.7 L 166.5 138.0 L 165.0 138.3 L 163.5 138.4 L 162.0 138.4 L 160.5 138.3 L 159.0 138.0 L 157.6 137.7 L 156.1 137.3 L 154.7 136.9 L 153.2 136.5 L 151.8 136.0 L 150.4 135.4 L 149.1 134.8 L 147.7 134.1 L 146.5 133.3 L 145.2 132.5 L 144.0 131.6 L 142.8 130.6 L 141.7 129.6 L 139.6 127.5 L 138.6 126.4 L 137.7 125.2 L 135.1 121.5 L 134.3 120.3 L 133.5 119.0 L 131.9 116.5 L 131.1 115.2 L 128.8 111.3 L 128.0 110.1 L 127.2 108.8 L 126.5 107.5 L 125.7 106.2 L 125.0 104.9 L 124.2 103.6 L 123.5 102.3 L 122.0 99.6 L 121.3 98.3 L 115.8 87.7 L 115.1 86.4 L 114.4 85.0 L 113.7 83.7 L 112.3 81.0 L 111.6 79.7 L 110.1 77.1 L 109.4 75.8 L 108.0 73.1 L 107.2 71.8 L 106.4 70.6 L 105.7 69.3 L 104.8 68.0 L 104.0 66.8 L 103.1 65.6 L 101.1 63.3 L 100.0 62.3 L 98.8 61.4 L 97.6 60.6 L 97.9 59.5 L 98.8 58.3 L 101.5 54.6 L 102.4 53.4 Z" fill="#c9ced6"/>
|
|
<g class="trigger L">
|
|
<polygon class="shape" points="-65.2,-132.6 -68.2,-134.1 -71.3,-135.5 -74.4,-136.7 -77.6,-137.6 -80.9,-138.1 -84.3,-138.3 -87.6,-138.3 -91.0,-138.1 -94.3,-137.8 -97.6,-137.3 -100.9,-136.7 -107.5,-135.3 -110.7,-134.5 -120.4,-131.8 -123.6,-130.8 -126.8,-129.7 -129.9,-128.5 -132.9,-127.1 -135.9,-125.6 -138.8,-123.9 -141.6,-122.0 -144.1,-119.8 -146.3,-117.3 -148.4,-114.7 -150.4,-112.0 -152.3,-109.2 -155.3,-104.0 -152.0,-104.3 -148.7,-104.5 -145.3,-104.8 -35.5,-117.2 -38.5,-118.7 -41.4,-120.3 -44.4,-121.8 -50.4,-124.9"/>
|
|
</g>
|
|
<g class="trigger R">
|
|
<polygon class="shape" points="65.2,-132.6 68.2,-134.1 71.3,-135.5 74.4,-136.7 77.6,-137.6 80.9,-138.1 84.3,-138.3 87.6,-138.3 91.0,-138.1 94.3,-137.8 97.6,-137.3 100.9,-136.7 107.5,-135.3 110.7,-134.5 120.4,-131.8 123.6,-130.8 126.8,-129.7 129.9,-128.5 132.9,-127.1 135.9,-125.6 138.8,-123.9 141.6,-122.0 144.1,-119.8 146.3,-117.3 148.4,-114.7 150.4,-112.0 152.3,-109.2 155.3,-104.0 152.0,-104.3 148.7,-104.5 145.3,-104.8 35.5,-117.2 38.5,-118.7 41.4,-120.3 44.4,-121.8 50.4,-124.9"/>
|
|
</g>
|
|
<path class="body" d="M -0.7 -129.1 L -54.3 -129.1 L -55.0 -129.1 L -57.8 -129.0 L -58.5 -129.0 L -60.7 -128.9 L -61.4 -128.9 L -62.8 -128.8 L -63.5 -128.8 L -65.7 -128.7 L -66.4 -128.7 L -67.8 -128.6 L -68.5 -128.6 L -69.2 -128.5 L -70.0 -128.5 L -70.7 -128.4 L -71.4 -128.4 L -72.1 -128.3 L -72.8 -128.3 L -73.5 -128.2 L -74.2 -128.2 L -74.9 -128.1 L -75.7 -128.1 L -76.4 -128.0 L -77.1 -128.0 L -77.8 -127.9 L -78.5 -127.9 L -79.2 -127.8 L -80.6 -127.7 L -81.4 -127.6 L -82.1 -127.5 L -82.8 -127.5 L -83.5 -127.4 L -84.9 -127.3 L -85.6 -127.2 L -87.0 -127.1 L -87.7 -127.0 L -88.5 -126.9 L -89.2 -126.8 L -89.9 -126.8 L -90.6 -126.7 L -94.1 -126.3 L -94.8 -126.2 L -113.2 -123.3 L -113.9 -123.2 L -114.6 -123.0 L -115.3 -122.9 L -116.7 -122.6 L -117.4 -122.5 L -118.1 -122.3 L -118.8 -122.2 L -119.5 -122.0 L -120.9 -121.7 L -121.6 -121.5 L -122.3 -121.4 L -122.9 -121.2 L -123.6 -121.0 L -126.4 -120.3 L -127.1 -120.1 L -127.8 -119.8 L -128.4 -119.6 L -129.1 -119.4 L -131.2 -118.7 L -132.5 -118.3 L -133.2 -118.0 L -133.8 -117.7 L -134.5 -117.4 L -135.1 -117.2 L -135.8 -116.9 L -136.4 -116.5 L -137.0 -116.2 L -137.7 -115.8 L -138.3 -115.4 L -138.9 -115.1 L -139.5 -114.7 L -160.0 -100.5 L -160.5 -100.0 L -162.5 -97.9 L -162.9 -97.4 L -163.4 -96.8 L -163.8 -96.2 L -165.3 -93.8 L -165.7 -93.2 L -166.0 -92.6 L -166.4 -91.9 L -166.7 -91.3 L -167.3 -90.0 L -167.6 -89.4 L -167.8 -88.7 L -168.1 -88.0 L -168.4 -87.4 L -168.6 -86.7 L -168.9 -86.0 L -169.1 -85.4 L -169.3 -84.7 L -169.6 -84.0 L -169.8 -83.3 L -170.2 -82.0 L -170.4 -81.3 L -172.8 -72.3 L -173.0 -71.6 L -173.5 -69.5 L -173.7 -68.8 L -173.9 -68.2 L -174.0 -67.5 L -174.2 -66.8 L -174.5 -65.4 L -174.7 -64.7 L -174.8 -64.0 L -175.0 -63.3 L -175.3 -61.9 L -175.5 -61.2 L -175.8 -59.8 L -176.0 -59.1 L -176.1 -58.4 L -176.3 -57.7 L -176.6 -56.3 L -176.8 -55.6 L -176.9 -54.9 L -177.1 -54.2 L -177.3 -53.6 L -177.4 -52.9 L -177.6 -52.2 L -177.9 -50.8 L -178.1 -50.1 L -178.2 -49.4 L -178.2 -48.7 L -177.8 -48.1 L -177.1 -46.9 L -176.7 -46.3 L -176.4 -45.6 L -176.0 -45.0 L -175.3 -43.8 L -174.9 -43.2 L -174.2 -42.0 L -173.4 -40.7 L -173.1 -40.1 L -172.7 -39.5 L -172.0 -38.3 L -171.6 -37.7 L -170.5 -35.9 L -170.1 -35.3 L -169.7 -34.6 L -169.3 -34.0 L -168.6 -32.8 L -168.2 -32.2 L -166.3 -29.2 L -165.9 -28.6 L -163.2 -24.4 L -162.8 -23.8 L -141.8 6.8 L -141.4 7.4 L -139.4 10.3 L -139.0 10.9 L -138.5 11.5 L -138.1 12.1 L -137.3 13.2 L -136.9 13.8 L -136.0 15.0 L -135.6 15.6 L -135.2 16.1 L -134.8 16.7 L -133.9 17.9 L -133.5 18.4 L -133.1 19.0 L -131.8 20.7 L -131.4 21.3 L -130.1 23.0 L -129.7 23.6 L -128.4 25.3 L -128.0 25.9 L -126.7 27.6 L -126.3 28.2 L -125.4 29.3 L -125.0 29.9 L -124.1 31.0 L -123.7 31.6 L -122.8 32.7 L -122.4 33.3 L -121.5 34.4 L -121.1 35.0 L -120.6 35.6 L -120.2 36.1 L -119.7 36.7 L -119.3 37.2 L -118.9 37.8 L -118.4 38.4 L -118.0 38.9 L -117.5 39.5 L -117.1 40.0 L -116.6 40.6 L -116.2 41.1 L -115.7 41.7 L -115.2 42.2 L -114.8 42.8 L -114.3 43.3 L -113.9 43.9 L -113.4 44.4 L -112.4 45.5 L -112.0 46.0 L -111.5 46.5 L -110.5 47.6 L -110.0 48.1 L -109.6 48.6 L -109.1 49.2 L -108.6 49.7 L -107.7 50.8 L -107.2 51.3 L -105.7 52.9 L -105.3 53.4 L -104.8 53.9 L -104.3 54.5 L -103.8 55.0 L -100.7 58.0 L -100.2 58.4 L -99.7 58.9 L -99.1 59.3 L -97.2 60.3 L -96.5 60.1 L -95.9 59.7 L -95.3 59.4 L -94.6 59.1 L -93.9 58.9 L -92.6 58.5 L -91.9 58.4 L -91.2 58.2 L -90.5 58.1 L -89.7 58.0 L -89.0 57.9 L -86.2 57.6 L -85.5 57.5 L -84.1 57.4 L -83.4 57.3 L -82.6 57.3 L -81.9 57.2 L -81.2 57.2 L -80.5 57.1 L -79.8 57.1 L -78.4 57.0 L -77.7 57.0 L -75.5 56.9 L -74.8 56.9 L -71.9 56.8 L -71.2 56.8 L 0.0 56.8 L -0.0 56.8 L 71.2 56.8 L 71.9 56.8 L 74.8 56.9 L 75.5 56.9 L 77.7 57.0 L 78.4 57.0 L 79.8 57.1 L 80.5 57.1 L 81.2 57.2 L 81.9 57.2 L 82.6 57.3 L 83.4 57.3 L 84.1 57.4 L 85.5 57.5 L 86.2 57.6 L 89.0 57.9 L 89.7 58.0 L 90.5 58.1 L 91.2 58.2 L 91.9 58.4 L 92.6 58.5 L 93.9 58.9 L 94.6 59.1 L 95.3 59.4 L 95.9 59.7 L 96.5 60.1 L 97.2 60.3 L 99.1 59.3 L 99.7 58.9 L 100.2 58.4 L 100.7 58.0 L 103.8 55.0 L 104.3 54.5 L 104.8 53.9 L 105.3 53.4 L 105.7 52.9 L 107.2 51.3 L 107.7 50.8 L 108.6 49.7 L 109.1 49.2 L 109.6 48.6 L 110.0 48.1 L 110.5 47.6 L 111.5 46.5 L 112.0 46.0 L 112.4 45.5 L 113.4 44.4 L 113.9 43.9 L 114.3 43.3 L 114.8 42.8 L 115.2 42.2 L 115.7 41.7 L 116.2 41.1 L 116.6 40.6 L 117.1 40.0 L 117.5 39.5 L 118.0 38.9 L 118.4 38.4 L 118.9 37.8 L 119.3 37.2 L 119.7 36.7 L 120.2 36.1 L 120.6 35.6 L 121.1 35.0 L 121.5 34.4 L 122.4 33.3 L 122.8 32.7 L 123.7 31.6 L 124.1 31.0 L 125.0 29.9 L 125.4 29.3 L 126.3 28.2 L 126.7 27.6 L 128.0 25.9 L 128.4 25.3 L 129.7 23.6 L 130.1 23.0 L 131.4 21.3 L 131.8 20.7 L 133.1 19.0 L 133.5 18.4 L 133.9 17.9 L 134.8 16.7 L 135.2 16.1 L 135.6 15.6 L 136.0 15.0 L 136.9 13.8 L 137.3 13.2 L 138.1 12.1 L 138.5 11.5 L 139.0 10.9 L 139.4 10.3 L 141.4 7.4 L 141.8 6.8 L 162.8 -23.8 L 163.2 -24.4 L 165.9 -28.6 L 166.3 -29.2 L 168.2 -32.2 L 168.6 -32.8 L 169.3 -34.0 L 169.7 -34.6 L 170.1 -35.3 L 170.5 -35.9 L 171.6 -37.7 L 172.0 -38.3 L 172.7 -39.5 L 173.1 -40.1 L 173.4 -40.7 L 174.2 -42.0 L 174.9 -43.2 L 175.3 -43.8 L 176.0 -45.0 L 176.4 -45.6 L 176.7 -46.3 L 177.1 -46.9 L 177.8 -48.1 L 178.2 -48.7 L 178.2 -49.4 L 178.1 -50.1 L 177.9 -50.8 L 177.6 -52.2 L 177.4 -52.9 L 177.3 -53.6 L 177.1 -54.2 L 176.9 -54.9 L 176.8 -55.6 L 176.6 -56.3 L 176.3 -57.7 L 176.1 -58.4 L 176.0 -59.1 L 175.8 -59.8 L 175.5 -61.2 L 175.3 -61.9 L 175.0 -63.3 L 174.8 -64.0 L 174.7 -64.7 L 174.5 -65.4 L 174.2 -66.8 L 174.0 -67.5 L 173.9 -68.2 L 173.7 -68.8 L 173.5 -69.5 L 173.0 -71.6 L 172.8 -72.3 L 170.4 -81.3 L 170.2 -82.0 L 169.8 -83.3 L 169.6 -84.0 L 169.3 -84.7 L 169.1 -85.4 L 168.9 -86.0 L 168.6 -86.7 L 168.4 -87.4 L 168.1 -88.0 L 167.8 -88.7 L 167.6 -89.4 L 167.3 -90.0 L 166.7 -91.3 L 166.4 -91.9 L 166.0 -92.6 L 165.7 -93.2 L 165.3 -93.8 L 163.8 -96.2 L 163.4 -96.8 L 162.9 -97.4 L 162.5 -97.9 L 160.5 -100.0 L 160.0 -100.5 L 139.5 -114.7 L 138.9 -115.1 L 138.3 -115.4 L 137.7 -115.8 L 137.0 -116.2 L 136.4 -116.5 L 135.8 -116.9 L 135.1 -117.2 L 134.5 -117.4 L 133.8 -117.7 L 133.2 -118.0 L 132.5 -118.3 L 131.2 -118.7 L 129.1 -119.4 L 128.4 -119.6 L 127.8 -119.8 L 127.1 -120.1 L 126.4 -120.3 L 123.6 -121.0 L 122.9 -121.2 L 122.3 -121.4 L 121.6 -121.5 L 120.9 -121.7 L 119.5 -122.0 L 118.8 -122.2 L 118.1 -122.3 L 117.4 -122.5 L 116.7 -122.6 L 115.3 -122.9 L 114.6 -123.0 L 113.9 -123.2 L 113.2 -123.3 L 94.8 -126.2 L 94.1 -126.3 L 90.6 -126.7 L 89.9 -126.8 L 89.2 -126.8 L 88.5 -126.9 L 87.7 -127.0 L 87.0 -127.1 L 85.6 -127.2 L 84.9 -127.3 L 83.5 -127.4 L 82.8 -127.5 L 82.1 -127.5 L 81.4 -127.6 L 80.6 -127.7 L 79.2 -127.8 L 78.5 -127.9 L 77.8 -127.9 L 77.1 -128.0 L 76.4 -128.0 L 75.7 -128.1 L 74.9 -128.1 L 74.2 -128.2 L 73.5 -128.2 L 72.8 -128.3 L 72.1 -128.3 L 71.4 -128.4 L 70.7 -128.4 L 70.0 -128.5 L 69.2 -128.5 L 68.5 -128.6 L 67.8 -128.6 L 66.4 -128.7 L 65.7 -128.7 L 63.5 -128.8 L 62.8 -128.8 L 61.4 -128.9 L 60.7 -128.9 L 58.5 -129.0 L 57.8 -129.0 L 55.0 -129.1 L 54.3 -129.1 L 0.7 -129.1 Z" />
|
|
</g>
|
|
<g class="buttons-face" transform="translate(105,-56)">
|
|
<g class="button A" transform="translate(31,0)">
|
|
<circle class="shape" r="15"/>
|
|
<polygon class="label" fill-rule="evenodd" points="-1.085,-5.2 1.085,-5.2 5.085,5.0 2.785,5.0 1.785,2.65 -1.785,2.65 -2.785,5.0 -5.085,5.0 -1.4,1.0 0.0,-2.8 1.4,1.0 -1.4,1.0 -5.085,5.0" transform="scale(1.5)"/>
|
|
</g>
|
|
<g class="button B" transform="translate(0,31)">
|
|
<circle class="shape" r="15"/>
|
|
<polygon class="label" fill-rule="evenodd" points="-4.0,0.0 -4.0,0.0 -4.0,-0.1 -3.8,-5.1 1.8,-5.0 2.3,-4.9 2.6,-4.8 2.8,-4.7 2.9,-4.6 3.1,-4.5 3.2,-4.4 3.4,-4.3 3.4,-4.2 3.5,-4.1 3.7,-4.0 3.7,-3.9 3.8,-3.8 3.8,-3.7 3.9,-3.6 3.9,-3.5 4.0,-3.4 4.0,-3.3 4.1,-3.1 4.1,-3.0 4.0,-2.0 4.0,-1.9 3.9,-1.7 3.9,-1.6 3.8,-1.5 3.8,-1.4 3.7,-1.3 3.7,-1.2 3.6,-1.1 3.6,-1.0 3.5,-0.9 3.3,-0.8 3.3,-0.7 3.2,-0.6 3.0,-0.5 2.9,-0.4 2.7,-0.3 2.9,-0.2 3.2,-0.1 3.3,0.0 3.5,0.1 3.6,0.2 3.8,0.3 3.9,0.4 4.0,0.6 4.1,0.7 4.3,0.8 4.3,0.9 4.4,1.0 4.4,1.1 4.5,1.3 4.5,1.4 4.6,1.6 4.6,1.7 4.5,2.8 4.5,2.9 4.4,3.1 4.4,3.2 4.3,3.4 4.3,3.5 4.2,3.6 4.2,3.7 4.1,3.8 4.1,3.9 4.0,4.0 3.9,4.2 3.8,4.3 3.6,4.4 3.6,4.5 3.4,4.6 3.3,4.7 3.1,4.8 2.8,4.9 2.6,5.0 2.1,5.1 -4.0,5.0 -4.0,4.9 -4.0,0.0 1.1,3.4 1.1,3.4 1.5,3.3 1.8,3.2 2.0,3.1 2.1,3.0 2.3,2.9 2.3,2.8 2.4,2.7 2.4,2.6 2.5,2.3 2.5,2.2 2.4,1.7 2.4,1.6 2.3,1.4 2.3,1.3 2.2,1.2 2.2,1.1 2.1,1.0 1.9,0.9 1.6,0.8 1.4,0.7 -1.9,0.6 -1.9,0.7 -1.8,3.4 1.1,3.4 -4.0,0.0 0.3,-1.1 0.3,-1.1 1.3,-1.2 1.5,-1.3 1.8,-1.4 1.8,-1.5 1.9,-1.6 2.0,-1.8 2.0,-1.9 2.1,-2.0 2.1,-2.1 2.0,-2.7 2.0,-2.8 1.9,-2.9 1.9,-3.0 1.8,-3.1 1.6,-3.2 1.6,-3.3 1.3,-3.4 -1.9,-3.3 -1.9,-3.2 -1.8,-1.0 0.2,-1.1 0.3,-1.1 -4.0,0.0" transform="scale(1.5)"/>
|
|
</g>
|
|
<g class="button X" transform="translate(0,-31)">
|
|
<circle class="shape" r="15"/>
|
|
<polygon class="label" points="-4.4,-5.0 -2.0,-5.0 0.0,-1.7 2.0,-5.0 4.4,-5.0 1.2,0.0 4.4,5.0 2.0,5.0 0.0,1.7 -2.0,5.0 -4.4,5.0 -1.2,0.0" transform="scale(1.5)" />
|
|
</g>
|
|
<g class="button Y" transform="translate(-31,0)">
|
|
<circle class="shape" r="15"/>
|
|
<polygon class="label" points="-4.79,-4.9 -2.44,-4.9 0.0,-0.9 2.44,-4.9 4.79,-4.9 1.05,1.0 1.05,5.31 -1.05,5.31 -1.05,1.0" transform="scale(1.5)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- D-pad -->
|
|
<g class="dpad" transform="translate(-61,0)">
|
|
<path class="shape" fill-rule="nonzero" d="M 9.1,-9.1 L 9.1,-30.0 L 8.1,-30.1 L 7.7,-30.1 L -8.6,-30.0 L -9.0,-29.8 L -9.3,-29.5 L -9.5,-29.1 L -9.1,-28.7 L -9.1,-9.1 L -28.7,-9.1 L -29.1,-9.5 L -29.5,-9.3 L -29.8,-9.0 L -30.0,-8.6 L -30.1,-7.7 L -30.1,8.1 L -30.0,9.1 L -9.1,9.1 L -9.1,28.7 L -9.5,29.1 L -9.3,29.5 L -9.0,29.8 L -8.6,30.0 L -7.7,30.1 L 8.1,30.1 L 9.1,30.0 L 9.1,9.1 L 28.7,9.1 L 29.1,9.5 L 29.5,9.3 L 29.8,9.0 L 30.0,8.6 L 30.1,7.7 L 30.1,-8.1 L 30.0,-9.1 L 9.1,-9.1 Z"/>
|
|
<g class="button up" data-id="DUp">
|
|
<path class="shape" d="M 9.1,-9.1 L 9.1,-30.0 L 8.1,-30.1 L 7.7,-30.1 L -8.6,-30.0 L -9.0,-29.8 L -9.3,-29.5 L -9.5,-29.1 L -9.1,-28.7 L -9.1,-9.1 L 0.0,0.6 Z"/>
|
|
<polygon class="label" points="0,-23 -3,-18 3,-18"/>
|
|
</g>
|
|
<g class="button right" data-id="DRight">
|
|
<path class="shape" d="M 9.1,9.1 L 30.0,9.1 L 30.1,8.1 L 30.1,7.7 L 30.0,-8.6 L 29.8,-9.0 L 29.5,-9.3 L 29.1,-9.5 L 28.7,-9.1 L 9.1,-9.1 L -0.6,0.0 Z"/>
|
|
<polygon class="label" points="23,0 18,-3 18,3"/>
|
|
</g>
|
|
<g class="button down" data-id="DDown">
|
|
<path class="shape" d="M -9.1,9.1 L -9.1,30.0 L -8.1,30.1 L -7.7,30.1 L 8.6,30.0 L 9.0,29.8 L 9.3,29.5 L 9.5,29.1 L 9.1,28.7 L 9.1,9.1 L 0.0,-0.6 Z"/>
|
|
<polygon class="label" points="0,23 -3,18 3,18"/>
|
|
</g>
|
|
<g class="button left" data-id="DLeft">
|
|
<path class="shape" d="M -9.1,-9.1 L -30.0,-9.1 L -30.1,-8.1 L -30.1,-7.7 L -30.0,8.6 L -29.8,9.0 L -29.5,9.3 L -29.1,9.5 L -28.7,9.1 L -9.1,9.1 L 0.6,0.0 Z"/>
|
|
<polygon class="label" points="-23,0 -18,-3 -18,3"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Left stick -->
|
|
<g class="pro-left-stick" transform="translate(-111,-55)">
|
|
<circle class="shape" r="32"/>
|
|
<g class="movable" transform="translate(0,0) rotate(0)">
|
|
<ellipse class="outer" cx="0" cy="0" rx="24" ry="24"/>
|
|
<g class="inner-shift" transform="translate(0,0)">
|
|
<ellipse class="inner" cx="0" cy="0" rx="17" ry="17"/>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Right stick -->
|
|
<g class="pro-right-stick" transform="translate(51,0)">
|
|
<circle class="shape" r="32"/>
|
|
<g class="movable" transform="translate(0,0) rotate(0)">
|
|
<ellipse class="outer" cx="0" cy="0" rx="24" ry="24"/>
|
|
<g class="inner-shift" transform="translate(0,0)">
|
|
<ellipse class="inner" cx="0" cy="0" rx="17" ry="17"/>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- ZL / ZR triggers (center + (-210,-120)) and (center + (210,-120)) -->
|
|
<g class="trigger ZL" data-id="ZL" transform="translate(-190,-120)">
|
|
<polygon class="shape" points="5.5,-12.6 5.8,-12.6 6.7,-12.5 8.1,-12.3 8.6,-12.2 9.2,-12.0 9.5,-11.9 9.9,-11.8 10.6,-11.5 11.0,-11.3 11.2,-11.2 11.4,-11.1 11.8,-10.9 12.0,-10.8 12.2,-10.7 12.4,-10.5 12.6,-10.4 12.8,-10.3 13.6,-9.7 13.8,-9.6 13.9,-9.4 14.1,-9.3 14.8,-8.6 15.0,-8.5 15.1,-8.3 15.6,-7.8 15.7,-7.6 16.1,-7.0 16.3,-6.8 16.4,-6.6 16.5,-6.4 16.8,-6.0 16.9,-5.8 17.0,-5.6 17.1,-5.4 17.2,-5.2 17.3,-5.0 17.4,-4.8 17.5,-4.6 17.6,-4.4 17.7,-4.1 17.8,-3.9 17.9,-3.5 18.0,-3.3 18.1,-3.0 18.2,-2.6 18.2,-2.3 18.3,-2.1 18.3,-1.9 18.4,-1.4 18.5,-1.2 18.6,-0.3 18.6,0.0 18.3,13.9 -17.0,13.8 -17.0,13.6 -16.4,-11.4 -16.3,-11.6 -16.1,-11.8 -15.7,-12.0 -15.5,-12.1 -15.1,-12.3 -14.6,-12.4 -13.4,-12.5" transform="scale(-1,1)"/>
|
|
<polygon class="label" fill-rule="evenodd" points="-2.6,-2.13 -5.6,-2.13 -5.6,-3.23 -0.8,-3.23 -0.8,-2.13 -4.4,2.12 -0.7,2.12 -0.7,3.22 -6.0,3.22 -6.0,2.12 2.4,-3.23 2.4,2.1 5.43,2.1 5.43,3.22 0.98,3.22 0.98,-3.23 2.4,-3.23 -6.0,2.12" transform="scale(1.5)"/>
|
|
</g>
|
|
<g class="trigger ZR" data-id="ZR" transform="translate(190,-120)">
|
|
<polygon class="shape" points="5.5,-12.6 5.8,-12.6 6.7,-12.5 8.1,-12.3 8.6,-12.2 9.2,-12.0 9.5,-11.9 9.9,-11.8 10.6,-11.5 11.0,-11.3 11.2,-11.2 11.4,-11.1 11.8,-10.9 12.0,-10.8 12.2,-10.7 12.4,-10.5 12.6,-10.4 12.8,-10.3 13.6,-9.7 13.8,-9.6 13.9,-9.4 14.1,-9.3 14.8,-8.6 15.0,-8.5 15.1,-8.3 15.6,-7.8 15.7,-7.6 16.1,-7.0 16.3,-6.8 16.4,-6.6 16.5,-6.4 16.8,-6.0 16.9,-5.8 17.0,-5.6 17.1,-5.4 17.2,-5.2 17.3,-5.0 17.4,-4.8 17.5,-4.6 17.6,-4.4 17.7,-4.1 17.8,-3.9 17.9,-3.5 18.0,-3.3 18.1,-3.0 18.2,-2.6 18.2,-2.3 18.3,-2.1 18.3,-1.9 18.4,-1.4 18.5,-1.2 18.6,-0.3 18.6,0.0 18.3,13.9 -17.0,13.8 -17.0,13.6 -16.4,-11.4 -16.3,-11.6 -16.1,-11.8 -15.7,-12.0 -15.5,-12.1 -15.1,-12.3 -14.6,-12.4 -13.4,-12.5"/>
|
|
<path class="label" fill-rule="nonzero" d="M -2.6,-2.13 L -5.6,-2.13 L -5.6,-3.23 L -0.8,-3.23 L -0.8,-2.13 L -4.4,2.12 L -0.7,2.12 L -0.7,3.22 L -6.0,3.22 L -6.0,2.12 Z M 1.0,0.0 L 1.0,-0.1 L 1.1,-3.3 L 4.3,-3.2 L 5.1,-3.1 L 5.4,-3.0 L 5.6,-2.9 L 5.7,-2.8 L 5.9,-2.7 L 5.9,-2.6 L 6.0,-2.5 L 6.1,-2.3 L 6.2,-2.2 L 6.2,-2.1 L 6.3,-2.0 L 6.3,-1.9 L 6.2,-0.8 L 6.2,-0.7 L 6.1,-0.6 L 6.1,-0.5 L 6.0,-0.4 L 6.0,-0.3 L 5.9,-0.2 L 5.7,-0.1 L 5.7,0.0 L 5.6,0.1 L 5.4,0.2 L 5.1,0.3 L 4.7,0.4 L 4.7,0.5 L 4.9,0.6 L 5.0,0.7 L 5.2,0.8 L 5.2,0.9 L 5.3,1.0 L 5.5,1.1 L 5.5,1.2 L 5.6,1.3 L 5.7,1.5 L 5.8,1.6 L 5.9,1.8 L 6.0,1.9 L 6.1,2.1 L 6.2,2.2 L 6.2,2.3 L 6.3,2.4 L 6.4,2.6 L 6.5,2.7 L 6.6,2.9 L 6.7,3.0 L 6.7,3.1 L 6.8,3.2 L 6.8,3.3 L 5.3,3.2 L 5.2,3.1 L 5.2,3.0 L 5.1,2.9 L 5.0,2.7 L 4.9,2.6 L 4.8,2.4 L 4.7,2.3 L 4.6,2.1 L 4.5,2.0 L 4.4,1.8 L 4.3,1.7 L 4.1,1.4 L 4.0,1.3 L 3.9,1.1 L 3.8,1.0 L 3.6,0.9 L 3.6,0.8 L 3.5,0.7 L 3.3,0.6 L 2.9,0.5 L 2.3,0.6 L 2.3,0.7 L 2.2,3.3 L 1.0,3.3 L 1.0,0.0 Z M 4.2,-0.5 L 4.4,-0.6 L 4.7,-0.7 L 4.8,-0.8 L 4.9,-1.0 L 5.0,-1.1 L 5.0,-1.2 L 4.9,-1.7 L 4.9,-1.8 L 4.8,-1.9 L 4.8,-2.0 L 4.6,-2.1 L 4.3,-2.2 L 2.3,-2.3 L 2.3,0.6 Z" transform="scale(1.5)"/>
|
|
</g>
|
|
|
|
<!-- Minus / Plus buttons -->
|
|
<g class="button minus" transform="translate(-50,-86)">
|
|
<circle class="shape" r="9"/>
|
|
<rect class="symbol" x="-4.5" y="-0.75" width="9" height="1.5" rx="0.75"/>
|
|
</g>
|
|
<g class="button plus" transform="translate(50,-86)">
|
|
<circle class="shape" r="9"/>
|
|
<rect class="symbol" x="-4.5" y="-0.75" width="9" height="1.5" rx="0.75"/>
|
|
<rect class="symbol" x="-0.75" y="-4.5" width="1.5" height="9" rx="0.75"/>
|
|
</g>
|
|
|
|
<!-- Screenshot button -->
|
|
<g class="button screenshot" transform="translate(-29,-56)">
|
|
<rect class="shape rounded" x="-7" y="-7" width="14" height="14" rx="3" ry="3"/>
|
|
<circle class="symbol" r="4.5"/>
|
|
</g>
|
|
|
|
<!-- Home button -->
|
|
<g class="button home" transform="translate(29,-56)">
|
|
<circle class="shape outer" r="10"/>
|
|
<circle class="shape inner" r="7.1"/>
|
|
<polygon class="symbol house" fill-rule="evenodd" points="-1.3,0.0 -0.93,0.0 -0.93,1.15 0.93,1.15 0.93,0.0 1.3,0.0 0.0,-1.2 -1.3,0.0 -0.43,0.0 -0.43,0.73 0.43,0.73 0.43,0.0" transform="scale(3.9)"/>
|
|
</g>
|
|
<g id="motion" transform="translate(0,-100)">
|
|
<!-- front/back squares at rest, size ~60 -->
|
|
<polygon class="cube face front" points=""/>
|
|
<polygon class="cube face back" points=""/>
|
|
<line class="cube edge e0" x1="0" y1="0" x2="0" y2="0"/>
|
|
<line class="cube edge e1" x1="0" y1="0" x2="0" y2="0"/>
|
|
<line class="cube edge e2" x1="0" y1="0" x2="0" y2="0"/>
|
|
<line class="cube edge e3" x1="0" y1="0" x2="0" y2="0"/>
|
|
</g>
|
|
|
|
<!-- Raw stick visualization -->
|
|
<g class="raw-joysticks" transform="translate(0, 105)">
|
|
<g class="left-stick-visual" transform="translate(-50, 0)">
|
|
<circle class="joystick-range" cx="0" cy="0" r="45"/>
|
|
<circle class="joystick-deadzone" cx="0" cy="0" r="6.75"/>
|
|
<circle class="joystick-dot-raw" cx="0" cy="0" r="2"/>
|
|
<circle class="joystick-dot-calibrated" cx="0" cy="0" r="2"/>
|
|
</g>
|
|
|
|
<g class="right-stick-visual" transform="translate(50, 0)">
|
|
<circle class="joystick-range" cx="0" cy="0" r="45"/>
|
|
<circle class="joystick-deadzone" cx="0" cy="0" r="6.75"/>
|
|
<circle class="joystick-dot-raw" cx="0" cy="0" r="2"/>
|
|
<circle class="joystick-dot-calibrated" cx="0" cy="0" r="2"/>
|
|
</g>
|
|
</g>
|
|
|
|
</svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-235 -140 470 300" id="DualJoycons">
|
|
<!-- Left Joy-Con Topview -->
|
|
<g class="left-joycon-topview" transform="translate(-52,-52) scale(0.9)">
|
|
<path class="slider" d="M -95.1,-51.5 L -95.0,-51.5 L -91.2,-51.6 L -91.2,-51.7 L -91.1,-52.4 L -91.1,-52.6 L -91.0,-54.1 L -86.3,-54.0 L -86.0,-53.9 L -85.9,-53.8 L -85.6,-53.4 L -85.5,-53.2 L -85.5,-53.1 L -85.4,-52.9 L -85.4,-52.8 L -85.3,-52.4 L -85.3,-52.3 L -85.4,-27.2 L -85.4,-27.1 L -85.5,-27.0 L -85.5,-26.9 L -85.6,-26.7 L -85.6,-26.6 L -85.7,-26.5 L -85.9,-26.4 L -86.0,-26.3 L -86.4,-26.0 L -86.5,-25.9 L -86.7,-25.8 L -87.1,-25.7 L -90.4,-25.8 L -90.7,-25.9 L -90.8,-26.0 L -90.9,-26.3 L -91.0,-26.4 L -91.0,-26.5 L -91.1,-26.7 L -91.1,-26.9 L -91.2,-28.9 L -95.2,-29.1 L -95.2,-29.2 Z"/>
|
|
<line class="slider-line" x1="-91.1" y1="-51.7" x2="-91.1" y2="-26.5"/>
|
|
<rect class="slider-release" x="-114" y="-68" width="14" height="12" rx="2"/>
|
|
<g transform="translate(-145, -26)">
|
|
<g class="dpad">
|
|
<g class="button left"><rect class="shape" x="-30" y="2.5" width="20" height="8" rx="2" /></g>
|
|
<g class="button right"><rect class="shape" x="15" y="2.5" width="20" height="8" rx="2" /></g>
|
|
</g>
|
|
<g class="button minus"><rect class="shape" x="25" y="2.5" width="15" height="5" rx="2" /></g>
|
|
|
|
<g class="left-stick-topview" transform="translate(0, -1) rotate(270)">
|
|
<path class="shape" d="M -14.7,-3.8 L -15.2,-5.6 L -15.2,-7.6 L -15.5,-17.6 L -17.4,-18.3 L -19.4,-18.2 L -21.3,-17.6 L -22.8,-16.4 L -23.4,-14.5 L -23.4,-12.5 L -24.1,-8.6 L -24.8,-6.7 L -25.3,-4.8 L -25.7,-2.8 L -25.9,-0.8 L -26.0,1.2 L -26.0,3.2 L -25.8,5.2 L -25.5,7.2 L -25.0,9.2 L -24.4,11.1 L -23.7,13.0 L -23.4,14.9 L -23.4,16.9 L -23.3,18.9 L -22.0,20.5 L -20.2,21.3 L -18.3,21.6 L -16.3,21.4 L -15.3,19.9 L -15.3,17.8 L -15.2,7.8 L -13.5,6.4 L -12.4,7.2 L -11.4,8.9 L -10.2,10.5 L -8.7,11.8 L -7.1,13.0 L -5.3,14.0 L -3.5,14.7 L -1.5,15.0 L 0.5,15.0 L 2.5,14.7 L 4.4,14.2 L 6.3,13.4 L 8.0,12.4 L 9.6,11.1 L 10.9,9.6 L 12.0,7.9 L 12.7,6.0 L 13.2,4.1 L 13.3,2.1 L 13.2,0.1 L 12.9,-1.9 L 12.2,-3.8 L 11.3,-5.6 L 10.2,-7.2 L 8.8,-8.6 L 7.1,-9.8 L 5.4,-10.8 L 3.5,-11.5 L 1.5,-11.9 L -0.5,-12.0 L -2.5,-11.8 L -4.4,-11.3 L -6.2,-10.4 L -8.0,-9.4 L -9.6,-8.2 L -10.9,-6.7 L -11.9,-4.9 L -12.8,-3.2 L -13.5,-3.8 Z"/>
|
|
<line class="line" x1="-15.2" y1="-8.6" x2="-15.2" y2="8"/>
|
|
<line class="line" x1="-13" y1="-4.6" x2="-13" y2="8" stroke="white" stroke-width="1"/>
|
|
</g>
|
|
</g>
|
|
<path class="body" d="M -184.8,-20.8 L -185.6,-21.1 L -186.4,-21.5 L -187.1,-22.1 L -187.8,-22.6 L -188.4,-23.2 L -189.6,-24.5 L -190.2,-25.2 L -190.7,-25.9 L -191.1,-26.7 L -191.4,-27.5 L -191.6,-28.4 L -191.7,-29.2 L -191.7,-30.1 L -191.5,-47.7 L -191.2,-48.5 L -191.0,-49.4 L -190.7,-50.2 L -190.3,-51.0 L -190.0,-51.8 L -189.6,-52.6 L -189.1,-53.4 L -188.6,-54.1 L -187.5,-55.4 L -186.9,-56.1 L -186.2,-56.7 L -185.5,-57.2 L -184.0,-58.1 L -183.3,-58.5 L -182.5,-58.9 L -181.6,-59.2 L -180.8,-59.5 L -179.9,-59.7 L -179.1,-59.9 L -178.2,-60.0 L -174.7,-60.1 L -168.5,-60.2 L -162.4,-60.3 L -156.2,-60.4 L -149.2,-60.5 L -143.0,-60.6 L -136.9,-60.7 L -130.7,-60.8 L -123.7,-60.9 L -117.5,-61.0 L -110.5,-61.1 L -94.4,-60.4 L -94.4,-59.5 L -94.4,-20.6 Z"/>
|
|
<g class="trigger L" transform="translate(6,0)">
|
|
<path class="shape" d="M -186.7,-43.7 L -186.4,-43.7 L -110.6,-43.4 L -110.6,-43.1 L -110.7,-34.3 L -110.7,-34.0 L -110.8,-33.7 L -111.1,-32.9 L -111.2,-32.6 L -111.4,-32.3 L -111.5,-32.1 L -111.7,-31.8 L -111.8,-31.5 L -112.0,-31.3 L -112.2,-31.0 L -112.4,-30.8 L -112.8,-30.3 L -113.0,-30.1 L -114.1,-29.1 L -114.3,-28.9 L -114.6,-28.7 L -114.8,-28.6 L -115.1,-28.4 L -115.3,-28.3 L -115.6,-28.1 L -115.9,-28.0 L -116.4,-27.8 L -116.7,-27.7 L -117.3,-27.6 L -117.6,-27.5 L -182.9,-27.6 L -183.5,-27.7 L -183.8,-27.8 L -184.4,-27.9 L -184.6,-28.1 L -184.9,-28.2 L -185.4,-28.5 L -185.7,-28.7 L -185.9,-28.8 L -186.2,-29.0 L -186.4,-29.2 L -187.0,-29.9 L -187.2,-30.1 L -187.6,-30.6 L -187.8,-30.8 L -187.9,-31.1 L -188.1,-31.3 L -188.2,-31.6 L -188.4,-31.9 L -188.5,-32.1 L -188.6,-32.4 L -188.8,-33.3 L -188.9,-33.6 L -188.9,-33.9 L -188.8,-39.9 L -188.8,-40.2 L -188.7,-41.1 L -188.7,-41.4 L -188.6,-41.7 L -188.0,-43.1 L -187.9,-43.4 L -187.6,-43.6 L -187.3,-43.7 Z"/>
|
|
<polygon class="label" points="2.4,-3.23 2.4,2.1 5.43,2.1 5.43,3.22 0.98,3.22 0.98,-3.23 2.4,-3.23" transform="translate(-155,-36) scale(1.5)"/>
|
|
</g>
|
|
<g class="trigger ZL">
|
|
<path class="shape" d="M -179.4,-53.3 L -177.4,-53.3 L -111.2,-53.3 L -111.3,-53.3 L -111.5,-58.6 L -111.8,-60.5 L -112.2,-62.4 L -113.1,-66.1 L -113.8,-68.0 L -114.5,-69.8 L -115.3,-71.5 L -116.3,-73.2 L -117.3,-74.8 L -118.5,-76.4 L -119.8,-77.8 L -121.2,-79.1 L -122.8,-80.2 L -124.4,-81.2 L -126.2,-82.0 L -128.1,-82.6 L -130.0,-82.9 L -131.9,-83.0 L -141.5,-82.9 L -149.3,-82.8 L -153.1,-82.6 L -155.0,-82.1 L -156.8,-81.6 L -158.7,-80.9 L -160.4,-80.2 L -162.2,-79.3 L -163.8,-78.3 L -165.4,-77.2 L -166.9,-76.0 L -168.4,-74.7 L -169.7,-73.3 L -172.1,-70.3 L -173.2,-68.7 L -174.2,-67.1 L -175.2,-65.4 L -176.1,-63.7 L -178.7,-58.5 L -179.6,-56.8 L -180.4,-55.1 L -181.3,-53.3 Z"/>
|
|
<polygon class="label" fill-rule="evenodd" points="-2.6,-2.13 -5.6,-2.13 -5.6,-3.23 -0.8,-3.23 -0.8,-2.13 -4.4,2.12 -0.7,2.12 -0.7,3.22 -6.0,3.22 -6.0,2.12 2.4,-3.23 2.4,2.1 5.43,2.1 5.43,3.22 0.98,3.22 0.98,-3.23 2.4,-3.23 -6.0,2.12" transform="translate(-145,-68) scale(1.5)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Right Joy-Con TopView -->
|
|
<g class="right-joycon-topview" transform="translate(52,-52) scale(-0.9,0.9)">
|
|
<path class="slider" d="M -95.1,-51.5 L -95.0,-51.5 L -91.2,-51.6 L -91.2,-51.7 L -91.1,-52.4 L -91.1,-52.6 L -91.0,-54.1 L -86.3,-54.0 L -86.0,-53.9 L -85.9,-53.8 L -85.6,-53.4 L -85.5,-53.2 L -85.5,-53.1 L -85.4,-52.9 L -85.4,-52.8 L -85.3,-52.4 L -85.3,-52.3 L -85.4,-27.2 L -85.4,-27.1 L -85.5,-27.0 L -85.5,-26.9 L -85.6,-26.7 L -85.6,-26.6 L -85.7,-26.5 L -85.9,-26.4 L -86.0,-26.3 L -86.4,-26.0 L -86.5,-25.9 L -86.7,-25.8 L -87.1,-25.7 L -90.4,-25.8 L -90.7,-25.9 L -90.8,-26.0 L -90.9,-26.3 L -91.0,-26.4 L -91.0,-26.5 L -91.1,-26.7 L -91.1,-26.9 L -91.2,-28.9 L -95.2,-29.1 L -95.2,-29.2 Z"/>
|
|
<line class="slider-line" x1="-91.1" y1="-51.7" x2="-91.1" y2="-26.5"/>
|
|
<rect class="slider-release" x="-114" y="-68" width="14" height="12" rx="2"/>
|
|
<g transform="translate(-145, -26)">
|
|
<rect class="bump" x="-30" y="2.5" width="20" height="8" rx="2" />
|
|
<rect class="bump" x="15" y="2.5" width="20" height="8" rx="2" />
|
|
<rect class="bump" x="25" y="2.5" width="15" height="5" rx="2" />
|
|
<g class="right-stick-topview" transform="translate(0, -1) rotate(270)">
|
|
<path class="shape" d="M -14.7,-3.8 L -15.2,-5.6 L -15.2,-7.6 L -15.5,-17.6 L -17.4,-18.3 L -19.4,-18.2 L -21.3,-17.6 L -22.8,-16.4 L -23.4,-14.5 L -23.4,-12.5 L -24.1,-8.6 L -24.8,-6.7 L -25.3,-4.8 L -25.7,-2.8 L -25.9,-0.8 L -26.0,1.2 L -26.0,3.2 L -25.8,5.2 L -25.5,7.2 L -25.0,9.2 L -24.4,11.1 L -23.7,13.0 L -23.4,14.9 L -23.4,16.9 L -23.3,18.9 L -22.0,20.5 L -20.2,21.3 L -18.3,21.6 L -16.3,21.4 L -15.3,19.9 L -15.3,17.8 L -15.2,7.8 L -13.5,6.4 L -12.4,7.2 L -11.4,8.9 L -10.2,10.5 L -8.7,11.8 L -7.1,13.0 L -5.3,14.0 L -3.5,14.7 L -1.5,15.0 L 0.5,15.0 L 2.5,14.7 L 4.4,14.2 L 6.3,13.4 L 8.0,12.4 L 9.6,11.1 L 10.9,9.6 L 12.0,7.9 L 12.7,6.0 L 13.2,4.1 L 13.3,2.1 L 13.2,0.1 L 12.9,-1.9 L 12.2,-3.8 L 11.3,-5.6 L 10.2,-7.2 L 8.8,-8.6 L 7.1,-9.8 L 5.4,-10.8 L 3.5,-11.5 L 1.5,-11.9 L -0.5,-12.0 L -2.5,-11.8 L -4.4,-11.3 L -6.2,-10.4 L -8.0,-9.4 L -9.6,-8.2 L -10.9,-6.7 L -11.9,-4.9 L -12.8,-3.2 L -13.5,-3.8 Z"/>
|
|
<line class="line" x1="-15.2" y1="-8.6" x2="-15.2" y2="8"/>
|
|
<line class="line" x1="-13" y1="-4.6" x2="-13" y2="8" stroke="white" stroke-width="1"/>
|
|
</g>
|
|
</g>
|
|
<path class="body" d="M -184.8,-20.8 L -185.6,-21.1 L -186.4,-21.5 L -187.1,-22.1 L -187.8,-22.6 L -188.4,-23.2 L -189.6,-24.5 L -190.2,-25.2 L -190.7,-25.9 L -191.1,-26.7 L -191.4,-27.5 L -191.6,-28.4 L -191.7,-29.2 L -191.7,-30.1 L -191.5,-47.7 L -191.2,-48.5 L -191.0,-49.4 L -190.7,-50.2 L -190.3,-51.0 L -190.0,-51.8 L -189.6,-52.6 L -189.1,-53.4 L -188.6,-54.1 L -187.5,-55.4 L -186.9,-56.1 L -186.2,-56.7 L -185.5,-57.2 L -184.0,-58.1 L -183.3,-58.5 L -182.5,-58.9 L -181.6,-59.2 L -180.8,-59.5 L -179.9,-59.7 L -179.1,-59.9 L -178.2,-60.0 L -174.7,-60.1 L -168.5,-60.2 L -162.4,-60.3 L -156.2,-60.4 L -149.2,-60.5 L -143.0,-60.6 L -136.9,-60.7 L -130.7,-60.8 L -123.7,-60.9 L -117.5,-61.0 L -110.5,-61.1 L -94.4,-60.4 L -94.4,-59.5 L -94.4,-20.6 Z"/>
|
|
<g class="trigger R" transform="translate(6,0)">
|
|
<path class="shape" d="M -186.7,-43.7 L -186.4,-43.7 L -110.6,-43.4 L -110.6,-43.1 L -110.7,-34.3 L -110.7,-34.0 L -110.8,-33.7 L -111.1,-32.9 L -111.2,-32.6 L -111.4,-32.3 L -111.5,-32.1 L -111.7,-31.8 L -111.8,-31.5 L -112.0,-31.3 L -112.2,-31.0 L -112.4,-30.8 L -112.8,-30.3 L -113.0,-30.1 L -114.1,-29.1 L -114.3,-28.9 L -114.6,-28.7 L -114.8,-28.6 L -115.1,-28.4 L -115.3,-28.3 L -115.6,-28.1 L -115.9,-28.0 L -116.4,-27.8 L -116.7,-27.7 L -117.3,-27.6 L -117.6,-27.5 L -182.9,-27.6 L -183.5,-27.7 L -183.8,-27.8 L -184.4,-27.9 L -184.6,-28.1 L -184.9,-28.2 L -185.4,-28.5 L -185.7,-28.7 L -185.9,-28.8 L -186.2,-29.0 L -186.4,-29.2 L -187.0,-29.9 L -187.2,-30.1 L -187.6,-30.6 L -187.8,-30.8 L -187.9,-31.1 L -188.1,-31.3 L -188.2,-31.6 L -188.4,-31.9 L -188.5,-32.1 L -188.6,-32.4 L -188.8,-33.3 L -188.9,-33.6 L -188.9,-33.9 L -188.8,-39.9 L -188.8,-40.2 L -188.7,-41.1 L -188.7,-41.4 L -188.6,-41.7 L -188.0,-43.1 L -187.9,-43.4 L -187.6,-43.6 L -187.3,-43.7 Z"/>
|
|
<polygon class="label" points="1.0,0.0 1.0,-0.1 1.1,-3.3 4.3,-3.2 5.1,-3.1 5.4,-3.0 5.6,-2.9 5.7,-2.8 5.9,-2.7 5.9,-2.6 6.0,-2.5 6.1,-2.3 6.2,-2.2 6.2,-2.1 6.3,-2.0 6.3,-1.9 6.2,-0.8 6.2,-0.7 6.1,-0.6 6.1,-0.5 6.0,-0.4 6.0,-0.3 5.9,-0.2 5.7,-0.1 5.7,0.0 5.6,0.1 5.4,0.2 5.1,0.3 4.7,0.4 4.7,0.5 4.9,0.6 5.0,0.7 5.2,0.8 5.2,0.9 5.3,1.0 5.5,1.1 5.5,1.2 5.6,1.3 5.7,1.5 5.8,1.6 5.9,1.8 6.0,1.9 6.1,2.1 6.2,2.2 6.2,2.3 6.3,2.4 6.4,2.6 6.5,2.7 6.6,2.9 6.7,3.0 6.7,3.1 6.8,3.2 6.8,3.3 5.3,3.2 5.2,3.1 5.2,3.0 5.1,2.9 5.0,2.7 4.9,2.6 4.8,2.4 4.7,2.3 4.6,2.1 4.5,2.0 4.4,1.8 4.3,1.7 4.1,1.4 4.0,1.3 3.9,1.1 3.8,1.0 3.6,0.9 3.6,0.8 3.5,0.7 3.3,0.6 2.9,0.5 2.3,0.6 2.3,0.7 2.2,3.3 1.0,3.2 1.0,3.1 1.0,0.0 4.2,-0.5 4.4,-0.6 4.7,-0.7 4.8,-0.8 4.9,-1.0 5.0,-1.1 5.0,-1.2 4.9,-1.7 4.9,-1.8 4.8,-1.9 4.8,-2.0 4.6,-2.1 4.3,-2.2 2.3,-2.1 2.3,-2.0 2.4,-0.5 4.2,-0.5 1.0,0.0" transform="translate(-145,-37) scale(-1.5,1.5)"/>
|
|
</g>
|
|
<g class="trigger ZR">
|
|
<path class="shape" d="M -179.4,-53.3 L -177.4,-53.3 L -111.2,-53.3 L -111.3,-53.3 L -111.5,-58.6 L -111.8,-60.5 L -112.2,-62.4 L -113.1,-66.1 L -113.8,-68.0 L -114.5,-69.8 L -115.3,-71.5 L -116.3,-73.2 L -117.3,-74.8 L -118.5,-76.4 L -119.8,-77.8 L -121.2,-79.1 L -122.8,-80.2 L -124.4,-81.2 L -126.2,-82.0 L -128.1,-82.6 L -130.0,-82.9 L -131.9,-83.0 L -141.5,-82.9 L -149.3,-82.8 L -153.1,-82.6 L -155.0,-82.1 L -156.8,-81.6 L -158.7,-80.9 L -160.4,-80.2 L -162.2,-79.3 L -163.8,-78.3 L -165.4,-77.2 L -166.9,-76.0 L -168.4,-74.7 L -169.7,-73.3 L -172.1,-70.3 L -173.2,-68.7 L -174.2,-67.1 L -175.2,-65.4 L -176.1,-63.7 L -178.7,-58.5 L -179.6,-56.8 L -180.4,-55.1 L -181.3,-53.3 Z"/>
|
|
<polygon class="label" fill-rule="evenodd" points="-2.6,-2.13 -5.6,-2.13 -5.6,-3.23 -0.8,-3.23 -0.8,-2.13 -4.4,2.12 -0.7,2.12 -0.7,3.22 -6.0,3.22 -6.0,2.12 1.0,0.0 1.0,-0.1 1.1,-3.3 4.3,-3.2 5.1,-3.1 5.4,-3.0 5.6,-2.9 5.7,-2.8 5.9,-2.7 5.9,-2.6 6.0,-2.5 6.1,-2.3 6.2,-2.2 6.2,-2.1 6.3,-2.0 6.3,-1.9 6.2,-0.8 6.2,-0.7 6.1,-0.6 6.1,-0.5 6.0,-0.4 6.0,-0.3 5.9,-0.2 5.7,-0.1 5.7,0.0 5.6,0.1 5.4,0.2 5.1,0.3 4.7,0.4 4.7,0.5 4.9,0.6 5.0,0.7 5.2,0.8 5.2,0.9 5.3,1.0 5.5,1.1 5.5,1.2 5.6,1.3 5.7,1.5 5.8,1.6 5.9,1.8 6.0,1.9 6.1,2.1 6.2,2.2 6.2,2.3 6.3,2.4 6.4,2.6 6.5,2.7 6.6,2.9 6.7,3.0 6.7,3.1 6.8,3.2 6.8,3.3 5.3,3.2 5.2,3.1 5.2,3.0 5.1,2.9 5.0,2.7 4.9,2.6 4.8,2.4 4.7,2.3 4.6,2.1 4.5,2.0 4.4,1.8 4.3,1.7 4.1,1.4 4.0,1.3 3.9,1.1 3.8,1.0 3.6,0.9 3.6,0.8 3.5,0.7 3.3,0.6 2.9,0.5 2.3,0.6 2.3,0.7 2.2,3.3 1.0,3.2 1.0,3.1 1.0,0.0 4.2,-0.5 4.4,-0.6 4.7,-0.7 4.8,-0.8 4.9,-1.0 5.0,-1.1 5.0,-1.2 4.9,-1.7 4.9,-1.8 4.8,-1.9 4.8,-2.0 4.6,-2.1 4.3,-2.2 2.3,-2.1 2.3,-2.0 2.4,-0.5 4.2,-0.5 1.0,0.0 -6.0,2.12" transform="translate(-142,-68) scale(-1.5,1.5)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Left Joy-Con -->
|
|
<g class="joycon-main-left" transform="translate(209.3,-1)">
|
|
<g class="trigger L" transform="scale(1.62)">
|
|
<path class="shape" d="M -166.8,-83.3 L -167.9,-83.2 L -168.9,-83.1 L -170.0,-83.0 L -171.0,-82.8 L -172.1,-82.6 L -173.1,-82.4 L -174.2,-82.1 L -175.2,-81.9 L -176.2,-81.5 L -177.2,-81.2 L -178.2,-80.8 L -180.1,-80.0 L -181.1,-79.5 L -182.0,-79.0 L -183.0,-78.5 L -183.9,-78.0 L -184.8,-77.4 L -185.7,-76.9 L -186.6,-76.3 L -187.4,-75.6 L -188.3,-75.0 L -189.1,-74.3 L -192.2,-71.5 L -192.9,-70.7 L -193.7,-69.9 L -194.3,-69.1 L -195.0,-68.3 L -195.6,-67.4 L -196.8,-65.7 L -197.3,-64.7 L -197.8,-63.8 L -198.2,-62.8 L -198.9,-60.8 L -198.6,-59.8 L -197.6,-59.7 L -196.6,-60.0 L -195.6,-60.5 L -194.7,-60.9 L -193.7,-61.4 L -192.8,-61.9 L -191.8,-62.4 L -190.9,-62.8 L -189.9,-63.3 L -189.0,-63.8 L -187.1,-64.8 L -186.2,-65.2 L -185.2,-65.7 L -184.3,-66.2 L -183.3,-66.7 L -182.4,-67.1 L -181.4,-67.6 L -180.5,-68.1 L -179.5,-68.6 L -178.6,-69.0 L -177.6,-69.5 L -176.7,-70.0 L -175.7,-70.5 L -174.8,-70.9 L -173.8,-71.4 L -172.9,-71.9 L -171.9,-72.4 L -171.0,-72.8 L -170.0,-73.3 L -169.1,-73.8 L -168.1,-74.3 L -167.2,-74.7 L -166.2,-75.2 L -165.3,-75.7 L -164.3,-76.2 L -163.4,-76.6 L -162.4,-77.1 L -161.5,-77.6 L -160.5,-78.1 L -159.6,-78.5 L -158.7,-79.0 L -157.7,-79.5 L -156.8,-80.0 L -155.8,-80.4 L -154.9,-80.9 L -154.2,-81.6 L -154.3,-82.6 L -155.2,-83.3 L -156.2,-83.3 Z"/>
|
|
</g>
|
|
|
|
<g transform="translate(-210, 0)">
|
|
<g class="button SL-left">
|
|
<rect class="shape" x="-24" y="-73" width="8" height="22" rx="2"/>
|
|
</g>
|
|
<g class="button SR-left">
|
|
<rect class="shape" x="-24" y="36" width="8" height="22" rx="2"/>
|
|
</g>
|
|
<path class="slider" d="M -23.7,-118.2 L -23.7,-117.3 L -23.7,96.6 L -22.8,96.6 L -21.5,97.2 L -21.5,98.1 L -21.2,106.7 L -20.8,107.5 L -20.1,108.2 L -19.2,108.2 L -16.4,108.1 L -15.8,107.5 L -15.8,106.5 L -15.8,62.8 L -16.3,61.9 L -15.8,61.0 L -17.3,60.3 L -19.1,58.9 L -19.1,58.1 L -19.1,57.2 L -19.1,34.5 L -17.9,33.9 L -17.2,33.2 L -16.6,32.4 L -16.2,31.6 L -15.8,30.7 L -15.8,29.7 L -15.8,28.8 L -15.8,-46.4 L -16.3,-47.3 L -15.8,-48.1 L -17.4,-48.8 L -19.1,-49.4 L -19.1,-50.1 L -19.1,-51.0 L -19.1,-51.9 L -19.1,-73.7 L -19.1,-74.5 L -17.5,-75.2 L -16.4,-76.7 L -16.0,-77.6 L -15.8,-78.5 L -15.8,-79.4 L -15.8,-80.4 L -15.8,-118.2 L -15.8,-118.2 L -18.3,-118.2 Z"/>
|
|
</g>
|
|
<path class="body" d="M -145.0,-78.9 L -145.0,-77.9 L -145.0,85.6 L -145.0,85.6 L -168.3,85.5 L -169.3,85.4 L -171.3,85.1 L -172.3,84.9 L -173.4,84.7 L -174.3,84.5 L -175.3,84.2 L -176.3,83.8 L -177.3,83.5 L -178.2,83.1 L -179.2,82.7 L -180.1,82.2 L -181.0,81.8 L -181.9,81.3 L -182.8,80.7 L -183.7,80.2 L -184.5,79.6 L -186.2,78.3 L -186.9,77.7 L -187.7,77.0 L -189.2,75.6 L -189.9,74.8 L -190.6,74.1 L -191.3,73.3 L -191.9,72.5 L -192.5,71.6 L -193.1,70.8 L -193.7,69.9 L -194.3,69.1 L -194.8,68.2 L -196.2,65.5 L -196.6,64.5 L -197.0,63.6 L -197.4,62.6 L -198.1,60.7 L -198.4,59.7 L -198.6,58.7 L -199.2,55.6 L -199.3,54.6 L -199.5,51.5 L -199.5,50.5 L -199.5,-49.4 L -199.4,-50.5 L -199.3,-51.5 L -199.1,-52.5 L -198.2,-56.5 L -197.9,-57.5 L -197.2,-59.4 L -196.8,-60.4 L -196.4,-61.3 L -195.9,-62.2 L -194.3,-64.9 L -193.7,-65.7 L -193.1,-66.6 L -192.5,-67.4 L -191.8,-68.2 L -191.2,-68.9 L -190.4,-69.7 L -188.2,-71.8 L -187.4,-72.5 L -186.6,-73.1 L -185.8,-73.8 L -185.0,-74.4 L -184.1,-74.9 L -183.2,-75.5 L -182.4,-76.0 L -181.5,-76.5 L -179.6,-77.5 L -178.7,-77.9 L -177.8,-78.4 L -176.8,-78.8 L -175.9,-79.1 L -174.9,-79.5 L -173.9,-79.8 L -170.9,-80.6 L -169.9,-80.8 L -167.9,-81.1 L -166.9,-81.2 L -165.8,-81.2 L -145.0,-80.9 Z" transform="scale(1.61)"/>
|
|
<g class="button minus">
|
|
<rect class="shape" x="-256" y="-111" width="14" height="4.67" rx="1"/>
|
|
</g>
|
|
|
|
<g class="left-stick" transform="translate(-280,-60)">
|
|
<g class="left-stick-movable" transform="translate(0,0)">
|
|
<circle class="shape" cx="0" cy="0" r="22"/>
|
|
<line class="line" x1="-22" y1="0" x2="22" y2="0"/>
|
|
<line class="line" x1="0" y1="-22" x2="0" y2="22"/>
|
|
<circle class="shape inner" cx="0" cy="0" r="14"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- D-Pad -->
|
|
<g class="dpad" transform="translate(-215,12)" fill="#f00">
|
|
<g class="button up">
|
|
<circle class="shape" cx="-65" cy="-8" r="10"/>
|
|
<path class="symbol" d="M -65 -12.2 L -69.2 -5.2 L -60.8 -5.2 Z"/>
|
|
</g>
|
|
<g class="button down">
|
|
<circle class="shape" cx="-65" cy="32" r="10"/>
|
|
<path class="symbol" d="M -65 36.2 L -60.8 29.2 L -69.2 29.2 Z"/>
|
|
</g>
|
|
<g class="button left">
|
|
<circle class="shape" cx="-85" cy="12" r="10"/>
|
|
<path class="symbol" d="M -89.2 12 L -82.2 7.8 L -82.2 16.2 Z"/>
|
|
</g>
|
|
<g class="button right">
|
|
<circle class="shape" cx="-45" cy="12" r="10"/>
|
|
<path class="symbol" d="M -40.8 12 L -47.8 7.8 L -47.8 16.2 Z"/>
|
|
</g>
|
|
</g>
|
|
|
|
<g class="button screenshot">
|
|
<rect class="shape" x="-270" y="65" width="16" height="16" rx="2"/>
|
|
<circle class="symbol" cx="-262" cy="73" r="5"/>
|
|
</g>
|
|
</g>
|
|
<g class="joycon-main-right" transform="translate(-209.3,-1)">
|
|
<g class="trigger R" transform="scale(-1.62, 1.62)">
|
|
<path class="shape" d="M -166.8,-83.3 L -167.9,-83.2 L -168.9,-83.1 L -170.0,-83.0 L -171.0,-82.8 L -172.1,-82.6 L -173.1,-82.4 L -174.2,-82.1 L -175.2,-81.9 L -176.2,-81.5 L -177.2,-81.2 L -178.2,-80.8 L -180.1,-80.0 L -181.1,-79.5 L -182.0,-79.0 L -183.0,-78.5 L -183.9,-78.0 L -184.8,-77.4 L -185.7,-76.9 L -186.6,-76.3 L -187.4,-75.6 L -188.3,-75.0 L -189.1,-74.3 L -192.2,-71.5 L -192.9,-70.7 L -193.7,-69.9 L -194.3,-69.1 L -195.0,-68.3 L -195.6,-67.4 L -196.8,-65.7 L -197.3,-64.7 L -197.8,-63.8 L -198.2,-62.8 L -198.9,-60.8 L -198.6,-59.8 L -197.6,-59.7 L -196.6,-60.0 L -195.6,-60.5 L -194.7,-60.9 L -193.7,-61.4 L -192.8,-61.9 L -191.8,-62.4 L -190.9,-62.8 L -189.9,-63.3 L -189.0,-63.8 L -187.1,-64.8 L -186.2,-65.2 L -185.2,-65.7 L -184.3,-66.2 L -183.3,-66.7 L -182.4,-67.1 L -181.4,-67.6 L -180.5,-68.1 L -179.5,-68.6 L -178.6,-69.0 L -177.6,-69.5 L -176.7,-70.0 L -175.7,-70.5 L -174.8,-70.9 L -173.8,-71.4 L -172.9,-71.9 L -171.9,-72.4 L -171.0,-72.8 L -170.0,-73.3 L -169.1,-73.8 L -168.1,-74.3 L -167.2,-74.7 L -166.2,-75.2 L -165.3,-75.7 L -164.3,-76.2 L -163.4,-76.6 L -162.4,-77.1 L -161.5,-77.6 L -160.5,-78.1 L -159.6,-78.5 L -158.7,-79.0 L -157.7,-79.5 L -156.8,-80.0 L -155.8,-80.4 L -154.9,-80.9 L -154.2,-81.6 L -154.3,-82.6 L -155.2,-83.3 L -156.2,-83.3 Z"/>
|
|
</g>
|
|
<g transform="translate(210, 0) scale(-1, 1)">
|
|
<g class="button SL-right">
|
|
<rect class="shape" x="-24" y="36" width="8" height="22" rx="2"/>
|
|
</g>
|
|
<g class="button SR-right">
|
|
<rect class="shape" x="-24" y="-73" width="8" height="22" rx="2"/>
|
|
</g>
|
|
<path class="slider" d="M -23.7,-118.2 L -23.7,-117.3 L -23.7,96.6 L -22.8,96.6 L -21.5,97.2 L -21.5,98.1 L -21.2,106.7 L -20.8,107.5 L -20.1,108.2 L -19.2,108.2 L -16.4,108.1 L -15.8,107.5 L -15.8,106.5 L -15.8,62.8 L -16.3,61.9 L -15.8,61.0 L -17.3,60.3 L -19.1,58.9 L -19.1,58.1 L -19.1,57.2 L -19.1,34.5 L -17.9,33.9 L -17.2,33.2 L -16.6,32.4 L -16.2,31.6 L -15.8,30.7 L -15.8,29.7 L -15.8,28.8 L -15.8,-46.4 L -16.3,-47.3 L -15.8,-48.1 L -17.4,-48.8 L -19.1,-49.4 L -19.1,-50.1 L -19.1,-51.0 L -19.1,-51.9 L -19.1,-73.7 L -19.1,-74.5 L -17.5,-75.2 L -16.4,-76.7 L -16.0,-77.6 L -15.8,-78.5 L -15.8,-79.4 L -15.8,-80.4 L -15.8,-118.2 L -15.8,-118.2 L -18.3,-118.2 Z"/>
|
|
</g>
|
|
<path class="body" d="M -145.0,-78.9 L -145.0,-77.9 L -145.0,85.6 L -145.0,85.6 L -168.3,85.5 L -169.3,85.4 L -171.3,85.1 L -172.3,84.9 L -173.4,84.7 L -174.3,84.5 L -175.3,84.2 L -176.3,83.8 L -177.3,83.5 L -178.2,83.1 L -179.2,82.7 L -180.1,82.2 L -181.0,81.8 L -181.9,81.3 L -182.8,80.7 L -183.7,80.2 L -184.5,79.6 L -186.2,78.3 L -186.9,77.7 L -187.7,77.0 L -189.2,75.6 L -189.9,74.8 L -190.6,74.1 L -191.3,73.3 L -191.9,72.5 L -192.5,71.6 L -193.1,70.8 L -193.7,69.9 L -194.3,69.1 L -194.8,68.2 L -196.2,65.5 L -196.6,64.5 L -197.0,63.6 L -197.4,62.6 L -198.1,60.7 L -198.4,59.7 L -198.6,58.7 L -199.2,55.6 L -199.3,54.6 L -199.5,51.5 L -199.5,50.5 L -199.5,-49.4 L -199.4,-50.5 L -199.3,-51.5 L -199.1,-52.5 L -198.2,-56.5 L -197.9,-57.5 L -197.2,-59.4 L -196.8,-60.4 L -196.4,-61.3 L -195.9,-62.2 L -194.3,-64.9 L -193.7,-65.7 L -193.1,-66.6 L -192.5,-67.4 L -191.8,-68.2 L -191.2,-68.9 L -190.4,-69.7 L -188.2,-71.8 L -187.4,-72.5 L -186.6,-73.1 L -185.8,-73.8 L -185.0,-74.4 L -184.1,-74.9 L -183.2,-75.5 L -182.4,-76.0 L -181.5,-76.5 L -179.6,-77.5 L -178.7,-77.9 L -177.8,-78.4 L -176.8,-78.8 L -175.9,-79.1 L -174.9,-79.5 L -173.9,-79.8 L -170.9,-80.6 L -169.9,-80.8 L -167.9,-81.1 L -166.9,-81.2 L -165.8,-81.2 L -145.0,-80.9 Z" transform="scale(-1.61,1.61)"/>
|
|
|
|
<g class="button plus" transform="translate(241,-117)">
|
|
<path class="shape" d="M 0,6 H 6 V 0 H 9 V 6 H 15 V 9 H 9 V 15 H 6 V 9 H 0 Z" />
|
|
</g>
|
|
|
|
<g class="buttons-face" transform="translate(275,-62)">
|
|
<g class="button A" transform="translate(20,0)">
|
|
<circle class="shape" r="10"/>
|
|
<polygon class="label" fill-rule="evenodd" points="-1.085,-5.2 1.085,-5.2 5.085,5.0 2.785,5.0 1.785,2.65 -1.785,2.65 -2.785,5.0 -5.085,5.0 -1.4,1.0 0.0,-2.8 1.4,1.0 -1.4,1.0 -5.085,5.0" transform="scale(1)"/>
|
|
</g>
|
|
<g class="button B" transform="translate(0,20)">
|
|
<circle class="shape" r="10"/>
|
|
<polygon class="label" fill-rule="evenodd" points="-4.0,0.0 -4.0,0.0 -4.0,-0.1 -3.8,-5.1 1.8,-5.0 2.3,-4.9 2.6,-4.8 2.8,-4.7 2.9,-4.6 3.1,-4.5 3.2,-4.4 3.4,-4.3 3.4,-4.2 3.5,-4.1 3.7,-4.0 3.7,-3.9 3.8,-3.8 3.8,-3.7 3.9,-3.6 3.9,-3.5 4.0,-3.4 4.0,-3.3 4.1,-3.1 4.1,-3.0 4.0,-2.0 4.0,-1.9 3.9,-1.7 3.9,-1.6 3.8,-1.5 3.8,-1.4 3.7,-1.3 3.7,-1.2 3.6,-1.1 3.6,-1.0 3.5,-0.9 3.3,-0.8 3.3,-0.7 3.2,-0.6 3.0,-0.5 2.9,-0.4 2.7,-0.3 2.9,-0.2 3.2,-0.1 3.3,0.0 3.5,0.1 3.6,0.2 3.8,0.3 3.9,0.4 4.0,0.6 4.1,0.7 4.3,0.8 4.3,0.9 4.4,1.0 4.4,1.1 4.5,1.3 4.5,1.4 4.6,1.6 4.6,1.7 4.5,2.8 4.5,2.9 4.4,3.1 4.4,3.2 4.3,3.4 4.3,3.5 4.2,3.6 4.2,3.7 4.1,3.8 4.1,3.9 4.0,4.0 3.9,4.2 3.8,4.3 3.6,4.4 3.6,4.5 3.4,4.6 3.3,4.7 3.1,4.8 2.8,4.9 2.6,5.0 2.1,5.1 -4.0,5.0 -4.0,4.9 -4.0,0.0 1.1,3.4 1.1,3.4 1.5,3.3 1.8,3.2 2.0,3.1 2.1,3.0 2.3,2.9 2.3,2.8 2.4,2.7 2.4,2.6 2.5,2.3 2.5,2.2 2.4,1.7 2.4,1.6 2.3,1.4 2.3,1.3 2.2,1.2 2.2,1.1 2.1,1.0 1.9,0.9 1.6,0.8 1.4,0.7 -1.9,0.6 -1.9,0.7 -1.8,3.4 1.1,3.4 -4.0,0.0 0.3,-1.1 0.3,-1.1 1.3,-1.2 1.5,-1.3 1.8,-1.4 1.8,-1.5 1.9,-1.6 2.0,-1.8 2.0,-1.9 2.1,-2.0 2.1,-2.1 2.0,-2.7 2.0,-2.8 1.9,-2.9 1.9,-3.0 1.8,-3.1 1.6,-3.2 1.6,-3.3 1.3,-3.4 -1.9,-3.3 -1.9,-3.2 -1.8,-1.0 0.2,-1.1 0.3,-1.1 -4.0,0.0" transform="scale(1)"/>
|
|
</g>
|
|
<g class="button X" transform="translate(0,-20)">
|
|
<circle class="shape" r="10"/>
|
|
<polygon class="label" points="-4.4,-5.0 -2.0,-5.0 0.0,-1.7 2.0,-5.0 4.4,-5.0 1.2,0.0 4.4,5.0 2.0,5.0 0.0,1.7 -2.0,5.0 -4.4,5.0 -1.2,0.0" transform="scale(1)" />
|
|
</g>
|
|
<g class="button Y" transform="translate(-20,0)">
|
|
<circle class="shape" r="10"/>
|
|
<polygon class="label" points="-4.79,-4.9 -2.44,-4.9 0.0,-0.9 2.44,-4.9 4.79,-4.9 1.05,1.0 1.05,5.31 -1.05,5.31 -1.05,1.0" transform="scale(1)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<g class="right-stick" transform="translate(280,25)">
|
|
<g class="right-stick-movable" transform="translate(0,0)">
|
|
<circle class="shape" cx="0" cy="0" r="22"/>
|
|
<line class="line" x1="-22" y1="0" x2="22" y2="0"/>
|
|
<line class="line" x1="0" y1="-22" x2="0" y2="22"/>
|
|
<circle class="shape inner" cx="0" cy="0" r="14"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Home button -->
|
|
<g class="button home" transform="translate(260,72)">
|
|
<circle class="shape outer" r="9.5"/>
|
|
<circle class="shape inner" r="7.1"/>
|
|
<polygon class="symbol house" fill-rule="evenodd" points="-1.3,0.0 -0.93,0.0 -0.93,1.15 0.93,1.15 0.93,0.0 1.3,0.0 0.0,-1.2 -1.3,0.0 -0.43,0.0 -0.43,0.73 0.43,0.73 0.43,0.0" transform="scale(3.9)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Joystick Visualization Areas -->
|
|
<g class="raw-joysticks" transform="translate(0, 90)">
|
|
<g class="left-stick-visual" transform="translate(-170, 0)">
|
|
<circle class="joystick-range" cx="0" cy="0" r="45"/>
|
|
<circle class="joystick-deadzone" cx="0" cy="0" r="6.75"/>
|
|
<circle class="joystick-dot-raw" cx="0" cy="0" r="2"/>
|
|
<circle class="joystick-dot-calibrated" cx="0" cy="0" r="2"/>
|
|
</g>
|
|
|
|
<g class="right-stick-visual" transform="translate(175, 0)">
|
|
<circle class="joystick-range" cx="0" cy="0" r="45"/>
|
|
<circle class="joystick-deadzone" cx="0" cy="0" r="6.75"/>
|
|
<circle class="joystick-dot-raw" cx="0" cy="0" r="2"/>
|
|
<circle class="joystick-dot-calibrated" cx="0" cy="0" r="2"/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-200 -180 400 350" id="LeftJoycon">
|
|
<!-- Left Joy-Con Topview -->
|
|
<g class="left-joycon-topview" transform="translate(0,-80) scale(0.9)">
|
|
<path class="slider" d="M -95.1,-51.5 L -95.0,-51.5 L -91.2,-51.6 L -91.2,-51.7 L -91.1,-52.4 L -91.1,-52.6 L -91.0,-54.1 L -86.3,-54.0 L -86.0,-53.9 L -85.9,-53.8 L -85.6,-53.4 L -85.5,-53.2 L -85.5,-53.1 L -85.4,-52.9 L -85.4,-52.8 L -85.3,-52.4 L -85.3,-52.3 L -85.4,-27.2 L -85.4,-27.1 L -85.5,-27.0 L -85.5,-26.9 L -85.6,-26.7 L -85.6,-26.6 L -85.7,-26.5 L -85.9,-26.4 L -86.0,-26.3 L -86.4,-26.0 L -86.5,-25.9 L -86.7,-25.8 L -87.1,-25.7 L -90.4,-25.8 L -90.7,-25.9 L -90.8,-26.0 L -90.9,-26.3 L -91.0,-26.4 L -91.0,-26.5 L -91.1,-26.7 L -91.1,-26.9 L -91.2,-28.9 L -95.2,-29.1 L -95.2,-29.2 Z"/>
|
|
<line class="slider-line" x1="-91.1" y1="-51.7" x2="-91.1" y2="-26.5"/>
|
|
<rect class="slider-release" x="-114" y="-68" width="14" height="12" rx="2"/>
|
|
<g transform="translate(-145, -26)">
|
|
<g class="dpad">
|
|
<g class="button left"><rect class="shape" x="-30" y="2.5" width="20" height="8" rx="2" /></g>
|
|
<g class="button right"><rect class="shape" x="15" y="2.5" width="20" height="8" rx="2" /></g>
|
|
</g>
|
|
<g class="button minus"><rect class="shape" x="25" y="2.5" width="15" height="5" rx="2" /></g>
|
|
<g class="left-stick-topview" transform="translate(0, -1) rotate(270)">
|
|
<path class="shape" d="M -14.7,-3.8 L -15.2,-5.6 L -15.2,-7.6 L -15.5,-17.6 L -17.4,-18.3 L -19.4,-18.2 L -21.3,-17.6 L -22.8,-16.4 L -23.4,-14.5 L -23.4,-12.5 L -24.1,-8.6 L -24.8,-6.7 L -25.3,-4.8 L -25.7,-2.8 L -25.9,-0.8 L -26.0,1.2 L -26.0,3.2 L -25.8,5.2 L -25.5,7.2 L -25.0,9.2 L -24.4,11.1 L -23.7,13.0 L -23.4,14.9 L -23.4,16.9 L -23.3,18.9 L -22.0,20.5 L -20.2,21.3 L -18.3,21.6 L -16.3,21.4 L -15.3,19.9 L -15.3,17.8 L -15.2,7.8 L -13.5,6.4 L -12.4,7.2 L -11.4,8.9 L -10.2,10.5 L -8.7,11.8 L -7.1,13.0 L -5.3,14.0 L -3.5,14.7 L -1.5,15.0 L 0.5,15.0 L 2.5,14.7 L 4.4,14.2 L 6.3,13.4 L 8.0,12.4 L 9.6,11.1 L 10.9,9.6 L 12.0,7.9 L 12.7,6.0 L 13.2,4.1 L 13.3,2.1 L 13.2,0.1 L 12.9,-1.9 L 12.2,-3.8 L 11.3,-5.6 L 10.2,-7.2 L 8.8,-8.6 L 7.1,-9.8 L 5.4,-10.8 L 3.5,-11.5 L 1.5,-11.9 L -0.5,-12.0 L -2.5,-11.8 L -4.4,-11.3 L -6.2,-10.4 L -8.0,-9.4 L -9.6,-8.2 L -10.9,-6.7 L -11.9,-4.9 L -12.8,-3.2 L -13.5,-3.8 Z"/>
|
|
<line class="line" x1="-15.2" y1="-8.6" x2="-15.2" y2="8"/>
|
|
<line class="line" x1="-13" y1="-4.6" x2="-13" y2="8" stroke="white" stroke-width="1"/>
|
|
</g>
|
|
</g>
|
|
<path class="body" d="M -184.8,-20.8 L -185.6,-21.1 L -186.4,-21.5 L -187.1,-22.1 L -187.8,-22.6 L -188.4,-23.2 L -189.6,-24.5 L -190.2,-25.2 L -190.7,-25.9 L -191.1,-26.7 L -191.4,-27.5 L -191.6,-28.4 L -191.7,-29.2 L -191.7,-30.1 L -191.5,-47.7 L -191.2,-48.5 L -191.0,-49.4 L -190.7,-50.2 L -190.3,-51.0 L -190.0,-51.8 L -189.6,-52.6 L -189.1,-53.4 L -188.6,-54.1 L -187.5,-55.4 L -186.9,-56.1 L -186.2,-56.7 L -185.5,-57.2 L -184.0,-58.1 L -183.3,-58.5 L -182.5,-58.9 L -181.6,-59.2 L -180.8,-59.5 L -179.9,-59.7 L -179.1,-59.9 L -178.2,-60.0 L -174.7,-60.1 L -168.5,-60.2 L -162.4,-60.3 L -156.2,-60.4 L -149.2,-60.5 L -143.0,-60.6 L -136.9,-60.7 L -130.7,-60.8 L -123.7,-60.9 L -117.5,-61.0 L -110.5,-61.1 L -94.4,-60.4 L -94.4,-59.5 L -94.4,-20.6 Z"/>
|
|
<g class="trigger L" transform="translate(6,0)">
|
|
<path class="shape" d="M -186.7,-43.7 L -186.4,-43.7 L -110.6,-43.4 L -110.6,-43.1 L -110.7,-34.3 L -110.7,-34.0 L -110.8,-33.7 L -111.1,-32.9 L -111.2,-32.6 L -111.4,-32.3 L -111.5,-32.1 L -111.7,-31.8 L -111.8,-31.5 L -112.0,-31.3 L -112.2,-31.0 L -112.4,-30.8 L -112.8,-30.3 L -113.0,-30.1 L -114.1,-29.1 L -114.3,-28.9 L -114.6,-28.7 L -114.8,-28.6 L -115.1,-28.4 L -115.3,-28.3 L -115.6,-28.1 L -115.9,-28.0 L -116.4,-27.8 L -116.7,-27.7 L -117.3,-27.6 L -117.6,-27.5 L -182.9,-27.6 L -183.5,-27.7 L -183.8,-27.8 L -184.4,-27.9 L -184.6,-28.1 L -184.9,-28.2 L -185.4,-28.5 L -185.7,-28.7 L -185.9,-28.8 L -186.2,-29.0 L -186.4,-29.2 L -187.0,-29.9 L -187.2,-30.1 L -187.6,-30.6 L -187.8,-30.8 L -187.9,-31.1 L -188.1,-31.3 L -188.2,-31.6 L -188.4,-31.9 L -188.5,-32.1 L -188.6,-32.4 L -188.8,-33.3 L -188.9,-33.6 L -188.9,-33.9 L -188.8,-39.9 L -188.8,-40.2 L -188.7,-41.1 L -188.7,-41.4 L -188.6,-41.7 L -188.0,-43.1 L -187.9,-43.4 L -187.6,-43.6 L -187.3,-43.7 Z"/>
|
|
<polygon class="label" points="2.4,-3.23 2.4,2.1 5.43,2.1 5.43,3.22 0.98,3.22 0.98,-3.23 2.4,-3.23" transform="translate(-155,-36) scale(1.5)"/>
|
|
</g>
|
|
<g class="trigger ZL">
|
|
<path class="shape" d="M -179.4,-53.3 L -177.4,-53.3 L -111.2,-53.3 L -111.3,-53.3 L -111.5,-58.6 L -111.8,-60.5 L -112.2,-62.4 L -113.1,-66.1 L -113.8,-68.0 L -114.5,-69.8 L -115.3,-71.5 L -116.3,-73.2 L -117.3,-74.8 L -118.5,-76.4 L -119.8,-77.8 L -121.2,-79.1 L -122.8,-80.2 L -124.4,-81.2 L -126.2,-82.0 L -128.1,-82.6 L -130.0,-82.9 L -131.9,-83.0 L -141.5,-82.9 L -149.3,-82.8 L -153.1,-82.6 L -155.0,-82.1 L -156.8,-81.6 L -158.7,-80.9 L -160.4,-80.2 L -162.2,-79.3 L -163.8,-78.3 L -165.4,-77.2 L -166.9,-76.0 L -168.4,-74.7 L -169.7,-73.3 L -172.1,-70.3 L -173.2,-68.7 L -174.2,-67.1 L -175.2,-65.4 L -176.1,-63.7 L -178.7,-58.5 L -179.6,-56.8 L -180.4,-55.1 L -181.3,-53.3 Z"/>
|
|
<polygon class="label" fill-rule="evenodd" points="-2.6,-2.13 -5.6,-2.13 -5.6,-3.23 -0.8,-3.23 -0.8,-2.13 -4.4,2.12 -0.7,2.12 -0.7,3.22 -6.0,3.22 -6.0,2.12 2.4,-3.23 2.4,2.1 5.43,2.1 5.43,3.22 0.98,3.22 0.98,-3.23 2.4,-3.23 -6.0,2.12" transform="translate(-145,-68) scale(1.5)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Left Joy-Con -->
|
|
<g class="joycon-main-left" transform="translate(280,-20)">
|
|
<g class="trigger L" transform="scale(1.62)">
|
|
<path class="shape" d="M -166.8,-83.3 L -167.9,-83.2 L -168.9,-83.1 L -170.0,-83.0 L -171.0,-82.8 L -172.1,-82.6 L -173.1,-82.4 L -174.2,-82.1 L -175.2,-81.9 L -176.2,-81.5 L -177.2,-81.2 L -178.2,-80.8 L -180.1,-80.0 L -181.1,-79.5 L -182.0,-79.0 L -183.0,-78.5 L -183.9,-78.0 L -184.8,-77.4 L -185.7,-76.9 L -186.6,-76.3 L -187.4,-75.6 L -188.3,-75.0 L -189.1,-74.3 L -192.2,-71.5 L -192.9,-70.7 L -193.7,-69.9 L -194.3,-69.1 L -195.0,-68.3 L -195.6,-67.4 L -196.8,-65.7 L -197.3,-64.7 L -197.8,-63.8 L -198.2,-62.8 L -198.9,-60.8 L -198.6,-59.8 L -197.6,-59.7 L -196.6,-60.0 L -195.6,-60.5 L -194.7,-60.9 L -193.7,-61.4 L -192.8,-61.9 L -191.8,-62.4 L -190.9,-62.8 L -189.9,-63.3 L -189.0,-63.8 L -187.1,-64.8 L -186.2,-65.2 L -185.2,-65.7 L -184.3,-66.2 L -183.3,-66.7 L -182.4,-67.1 L -181.4,-67.6 L -180.5,-68.1 L -179.5,-68.6 L -178.6,-69.0 L -177.6,-69.5 L -176.7,-70.0 L -175.7,-70.5 L -174.8,-70.9 L -173.8,-71.4 L -172.9,-71.9 L -171.9,-72.4 L -171.0,-72.8 L -170.0,-73.3 L -169.1,-73.8 L -168.1,-74.3 L -167.2,-74.7 L -166.2,-75.2 L -165.3,-75.7 L -164.3,-76.2 L -163.4,-76.6 L -162.4,-77.1 L -161.5,-77.6 L -160.5,-78.1 L -159.6,-78.5 L -158.7,-79.0 L -157.7,-79.5 L -156.8,-80.0 L -155.8,-80.4 L -154.9,-80.9 L -154.2,-81.6 L -154.3,-82.6 L -155.2,-83.3 L -156.2,-83.3 Z"/>
|
|
</g>
|
|
|
|
<g transform="translate(-210, 0)">
|
|
<g class="button SL-left">
|
|
<rect class="shape" x="-24" y="-73" width="8" height="22" rx="2"/>
|
|
</g>
|
|
<g class="button SR-left">
|
|
<rect class="shape" x="-24" y="36" width="8" height="22" rx="2"/>
|
|
</g>
|
|
<path class="slider" d="M -23.7,-118.2 L -23.7,-117.3 L -23.7,96.6 L -22.8,96.6 L -21.5,97.2 L -21.5,98.1 L -21.2,106.7 L -20.8,107.5 L -20.1,108.2 L -19.2,108.2 L -16.4,108.1 L -15.8,107.5 L -15.8,106.5 L -15.8,62.8 L -16.3,61.9 L -15.8,61.0 L -17.3,60.3 L -19.1,58.9 L -19.1,58.1 L -19.1,57.2 L -19.1,34.5 L -17.9,33.9 L -17.2,33.2 L -16.6,32.4 L -16.2,31.6 L -15.8,30.7 L -15.8,29.7 L -15.8,28.8 L -15.8,-46.4 L -16.3,-47.3 L -15.8,-48.1 L -17.4,-48.8 L -19.1,-49.4 L -19.1,-50.1 L -19.1,-51.0 L -19.1,-51.9 L -19.1,-73.7 L -19.1,-74.5 L -17.5,-75.2 L -16.4,-76.7 L -16.0,-77.6 L -15.8,-78.5 L -15.8,-79.4 L -15.8,-80.4 L -15.8,-118.2 L -15.8,-118.2 L -18.3,-118.2 Z"/>
|
|
</g>
|
|
<path class="body" d="M -145.0,-78.9 L -145.0,-77.9 L -145.0,85.6 L -145.0,85.6 L -168.3,85.5 L -169.3,85.4 L -171.3,85.1 L -172.3,84.9 L -173.4,84.7 L -174.3,84.5 L -175.3,84.2 L -176.3,83.8 L -177.3,83.5 L -178.2,83.1 L -179.2,82.7 L -180.1,82.2 L -181.0,81.8 L -181.9,81.3 L -182.8,80.7 L -183.7,80.2 L -184.5,79.6 L -186.2,78.3 L -186.9,77.7 L -187.7,77.0 L -189.2,75.6 L -189.9,74.8 L -190.6,74.1 L -191.3,73.3 L -191.9,72.5 L -192.5,71.6 L -193.1,70.8 L -193.7,69.9 L -194.3,69.1 L -194.8,68.2 L -196.2,65.5 L -196.6,64.5 L -197.0,63.6 L -197.4,62.6 L -198.1,60.7 L -198.4,59.7 L -198.6,58.7 L -199.2,55.6 L -199.3,54.6 L -199.5,51.5 L -199.5,50.5 L -199.5,-49.4 L -199.4,-50.5 L -199.3,-51.5 L -199.1,-52.5 L -198.2,-56.5 L -197.9,-57.5 L -197.2,-59.4 L -196.8,-60.4 L -196.4,-61.3 L -195.9,-62.2 L -194.3,-64.9 L -193.7,-65.7 L -193.1,-66.6 L -192.5,-67.4 L -191.8,-68.2 L -191.2,-68.9 L -190.4,-69.7 L -188.2,-71.8 L -187.4,-72.5 L -186.6,-73.1 L -185.8,-73.8 L -185.0,-74.4 L -184.1,-74.9 L -183.2,-75.5 L -182.4,-76.0 L -181.5,-76.5 L -179.6,-77.5 L -178.7,-77.9 L -177.8,-78.4 L -176.8,-78.8 L -175.9,-79.1 L -174.9,-79.5 L -173.9,-79.8 L -170.9,-80.6 L -169.9,-80.8 L -167.9,-81.1 L -166.9,-81.2 L -165.8,-81.2 L -145.0,-80.9 Z" transform="scale(1.61)"/>
|
|
<g class="button minus">
|
|
<rect class="shape" x="-256" y="-111" width="14" height="4.67" rx="1"/>
|
|
</g>
|
|
|
|
<g class="left-stick" transform="translate(-280,-60)">
|
|
<g class="left-stick-movable" transform="translate(0,0)">
|
|
<circle class="shape" cx="0" cy="0" r="22"/>
|
|
<line class="line" x1="-22" y1="0" x2="22" y2="0"/>
|
|
<line class="line" x1="0" y1="-22" x2="0" y2="22"/>
|
|
<circle class="shape inner" cx="0" cy="0" r="14"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- D-Pad -->
|
|
<g class="dpad" transform="translate(-215,12)" fill="#f00">
|
|
<g class="button up">
|
|
<circle class="shape" cx="-65" cy="-8" r="10"/>
|
|
<path class="symbol" d="M -65 -12.2 L -69.2 -5.2 L -60.8 -5.2 Z"/>
|
|
</g>
|
|
<g class="button down">
|
|
<circle class="shape" cx="-65" cy="32" r="10"/>
|
|
<path class="symbol" d="M -65 36.2 L -60.8 29.2 L -69.2 29.2 Z"/>
|
|
</g>
|
|
<g class="button left">
|
|
<circle class="shape" cx="-85" cy="12" r="10"/>
|
|
<path class="symbol" d="M -89.2 12 L -82.2 7.8 L -82.2 16.2 Z"/>
|
|
</g>
|
|
<g class="button right">
|
|
<circle class="shape" cx="-45" cy="12" r="10"/>
|
|
<path class="symbol" d="M -40.8 12 L -47.8 7.8 L -47.8 16.2 Z"/>
|
|
</g>
|
|
</g>
|
|
|
|
<g class="button screenshot">
|
|
<rect class="shape" x="-270" y="65" width="16" height="16" rx="2"/>
|
|
<circle class="symbol" cx="-262" cy="73" r="5"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Joystick Visualization Areas -->
|
|
<g class="raw-joysticks" transform="translate(45,70)">
|
|
<g class="left-stick-visual" transform="translate(-170, 0)">
|
|
<circle class="joystick-range" cx="0" cy="0" r="45"/>
|
|
<circle class="joystick-deadzone" cx="0" cy="0" r="6.75"/>
|
|
<circle class="joystick-dot-raw" cx="0" cy="0" r="2"/>
|
|
<circle class="joystick-dot-calibrated" cx="0" cy="0" r="2"/>
|
|
</g>
|
|
</g>
|
|
|
|
<g class="left-joycon-sideview" transform="translate(300,-21) scale(0.9)">
|
|
<g class="trigger ZL">
|
|
<path transform="translate(2, -12)" class="shape" d="M -148.9,-128.2 L -148.7,-126.6 L -148.4,-124.9 L -148.2,-123.3 L -147.9,-121.7 L -147.7,-120.1 L -147.4,-118.5 L -147.2,-116.9 L -146.9,-115.3 L -146.4,-112.1 L -146.1,-110.5 L -145.9,-108.9 L -145.6,-107.3 L -144.2,-107.3 L -142.6,-107.5 L -141.0,-107.8 L -137.8,-108.3 L -136.2,-108.6 L -131.4,-109.4 L -129.8,-109.7 L -125.6,-111.4 L -124.5,-112.7 L -123.9,-114.1 L -123.8,-115.8 L -123.8,-117.4 L -123.9,-120.6 L -124.5,-122.1 L -125.8,-123.1 L -127.4,-123.4 L -129.0,-123.6 L -130.6,-124.0 L -132.1,-124.4 L -133.7,-124.8 L -135.3,-125.3 L -136.8,-125.9 L -138.3,-126.4 L -139.9,-126.9 L -141.4,-127.5 L -142.9,-128.0 L -144.5,-128.5 L -146.0,-129.0 L -147.6,-129.4 Z" />
|
|
</g>
|
|
<g class="trigger L">
|
|
<rect class="shape" x="-175" y="-147" width="19" height="7" rx="3" ry="3" />
|
|
</g>
|
|
<g class="joycon-side-buttons">
|
|
<g class="dpad">
|
|
<g class="button up"><rect class="shape" x="-185" y="-3" width="10" height="22" rx="2" /></g>
|
|
<g class="button down"><rect class="shape" x="-185" y="38" width="10" height="22" rx="2"/></g>
|
|
<g class="button right"><rect class="shape" x="-185" y="17" width="10" height="22" rx="2"/></g>
|
|
</g>
|
|
<g class="button screenshot"><rect class="shape" x="-185" y="72" width="6" height="20" rx="1"/></g>
|
|
<g class="button minus"><rect class="shape" x="-185" y="-124" width="8" height="5.32" rx="1"/></g>
|
|
</g>
|
|
<path transform="translate(0, -11)" class="body" d="M -146.1,-124.3 L -146.0,-122.0 L -145.8,-119.7 L -145.7,-117.4 L -145.4,-112.8 L -145.3,-110.5 L -145.0,-105.9 L -144.9,-103.6 L -144.6,-99.1 L -144.5,-96.8 L -144.5,-89.9 L -144.5,-87.6 L -144.5,-83.0 L -144.5,-80.7 L -144.5,-80.3 L -142.4,-82.4 L -141.4,-84.5 L -140.2,-86.4 L -138.8,-88.3 L -137.4,-90.1 L -134.5,-93.6 L -133.0,-95.3 L -130.0,-98.8 L -128.5,-100.6 L -127.1,-102.4 L -125.8,-104.3 L -124.7,-106.3 L -123.9,-108.4 L -125.1,-110.2 L -127.4,-110.3 L -129.7,-110.3 L -134.2,-110.5 L -136.4,-111.4 L -138.1,-112.8 L -139.4,-114.7 L -140.5,-116.8 L -141.4,-118.9 L -143.3,-123.1 L -144.6,-124.9 L -146.2,-126.0 Z"/>
|
|
<g class="joycon-side-buttons">
|
|
<g class="button"><rect class="shape" x="-140" y="-117" width="4" height="9" rx="1"/></g>
|
|
</g>
|
|
<path transform="translate(20, 5)" class="body" d="M -176.48,-148.41 L -177.59,-148.41 L -192.85,-148.19 L -193.96,-147.96 L -195.04,-147.63 L -195.99,-147.20 L -196.77,-146.68 L -197.54,-146.06 L -198.20,-145.35 L -199.40,-143.82 L -199.84,-142.82 L -200.51,-139.71 L -200.74,-138.61 L -200.85,-137.61 L -200.85,-136.50 L -200.07,143.19 L -199.73,144.20 L -199.28,145.10 L -198.39,146.80 L -197.70,147.69 L -196.90,148.47 L -196.00,149.24 L -195.09,149.90 L -194.07,150.45 L -192.05,151.11 L -190.92,151.11 L -173.47,150.66 L -172.47,150.45 L -171.36,150.00 L -170.36,149.46 L -169.36,148.80 L -168.47,148.02 L -167.69,147.24 L -166.91,146.35 L -165.47,144.42 L -164.80,143.53 L -164.25,142.52 L -161.70,137.06 L -161.03,136.06 L -160.48,135.06 L -159.92,133.95 L -159.59,133.06 L -159.26,132.17 L -158.92,131.16 L -158.69,130.16 L -158.47,129.17 L -158.36,128.06 L -158.36,127.06 L -160.48,-137.17 L -160.81,-137.96 L -161.36,-138.96 L -161.92,-140.07 L -162.47,-141.08 L -163.14,-142.08 L -163.80,-143.08 L -164.58,-144.08 L -165.36,-145.08 L -166.25,-145.97 L -167.13,-146.75 L -168.13,-147.52 L -169.14,-148.19 L -170.25,-148.74 L -173.25,-149.96 L -174.25,-150.19 L -175.37,-150.30 Z"/>
|
|
<g class="center-rail-sideview">
|
|
<rect class="rail-body" x="-175" y="-128" width="28" height="253" rx="3" ry="3" />
|
|
<rect class="rail-bottom" x="-172.22" y="78.17" width="22.44" height="44.66" rx="3" ry="3" />
|
|
<g class="button SL-left">
|
|
<rect class="shape" x="-166.2" y="-77.5" width="10.4" height="24" rx="4" ry="4" />
|
|
<path transform="translate(-161,-65.5)" class="label" d="M-3.00,-3.65 L-2.76,-4.26 L-2.33,-4.76 L-1.76,-5.09 L-1.13,-5.26 L-0.94,-4.77 L-0.87,-4.11 L-1.46,-3.88 L-1.91,-3.41 L-2.05,-2.78 L-1.98,-2.13 L-1.59,-1.61 L-0.96,-1.53 L-0.56,-2.04 L-0.38,-2.67 L-0.22,-3.31 L0.00,-3.93 L0.34,-4.49 L0.86,-4.89 L1.49,-5.05 L2.14,-4.95 L2.69,-4.60 L3.07,-4.07 L3.25,-3.44 L3.31,-2.78 L3.25,-2.12 L3.07,-1.49 L2.70,-0.95 L2.16,-0.58 L1.52,-0.43 L1.41,-0.99 L1.38,-1.65 L1.97,-1.91 L2.25,-2.49 L2.25,-3.15 L1.99,-3.74 L1.38,-3.78 L1.06,-3.22 L0.88,-2.58 L0.71,-1.94 L0.49,-1.32 L0.13,-0.77 L-0.40,-0.40 L-1.04,-0.25 L-1.69,-0.32 L-2.28,-0.61 L-2.73,-1.09 L-2.98,-1.69 L-3.09,-2.34 L3.23,2.40 L-2.10,2.40 L-2.10,5.43 L-3.22,5.43 L-3.22,0.98 L3.23,0.98 L3.23,2.40 L-3.09,-2.34 Z"/>
|
|
</g>
|
|
<g class="button SR-left">
|
|
<rect class="shape" x="-166.2" y="43.5" width="10.4" height="24" rx="4" ry="4" />
|
|
<path transform="translate(-161,55.5)" class="label" d="M-3.00,-3.65 L-2.76,-4.26 L-2.33,-4.76 L-1.76,-5.09 L-1.13,-5.26 L-0.94,-4.77 L-0.87,-4.11 L-1.46,-3.88 L-1.91,-3.41 L-2.05,-2.78 L-1.98,-2.13 L-1.59,-1.61 L-0.96,-1.53 L-0.56,-2.04 L-0.38,-2.67 L-0.22,-3.31 L0.00,-3.93 L0.34,-4.49 L0.86,-4.89 L1.49,-5.05 L2.14,-4.95 L2.69,-4.60 L3.07,-4.07 L3.25,-3.44 L3.31,-2.78 L3.25,-2.12 L3.07,-1.49 L2.70,-0.95 L2.16,-0.58 L1.52,-0.43 L1.41,-0.99 L1.38,-1.65 L1.97,-1.91 L2.25,-2.49 L2.25,-3.15 L1.99,-3.74 L1.38,-3.78 L1.06,-3.22 L0.88,-2.58 L0.71,-1.94 L0.49,-1.32 L0.13,-0.77 L-0.40,-0.40 L-1.04,-0.25 L-1.69,-0.32 L-2.28,-0.61 L-2.73,-1.09 L-2.98,-1.69 L-3.09,-2.34 L-1.00,0.00 L0.10,1.00 L3.30,1.10 L3.20,4.30 L3.10,5.10 L3.00,5.40 L2.90,5.60 L2.80,5.70 L2.70,5.90 L2.60,5.90 L2.50,6.00 L2.30,6.10 L2.20,6.20 L2.10,6.20 L2.00,6.30 L1.90,6.30 L0.80,6.20 L0.70,6.20 L0.60,6.10 L0.50,6.10 L0.40,6.00 L0.30,6.00 L0.20,5.90 L0.10,5.70 L0.00,5.70 L-0.10,5.60 L-0.20,5.40 L-0.30,5.10 L-0.40,4.70 L-0.50,4.70 L-0.60,4.90 L-0.70,5.00 L-0.80,5.20 L-0.90,5.20 L-1.00,5.30 L-1.10,5.50 L-1.20,5.50 L-1.30,5.60 L-1.50,5.70 L-1.60,5.80 L-1.80,5.90 L-1.90,6.00 L-2.10,6.10 L-2.20,6.20 L-2.30,6.20 L-2.40,6.30 L-2.60,6.40 L-2.70,6.50 L-2.90,6.60 L-3.00,6.70 L-3.10,6.70 L-3.20,6.80 L-3.30,6.80 L-3.20,5.30 L-3.10,5.20 L-3.00,5.20 L-2.90,5.10 L-2.70,5.00 L-2.60,4.90 L-2.40,4.80 L-2.30,4.70 L-2.10,4.60 L-2.00,4.50 L-1.80,4.40 L-1.70,4.30 L-1.40,4.10 L-1.30,4.00 L-1.10,3.90 L-1.00,3.80 L-0.90,3.60 L-0.80,3.60 L-0.70,3.50 L-0.60,3.30 L-0.50,2.90 L-0.60,2.30 L-0.70,2.30 L-3.30,2.20 L-3.20,1.00 L-3.10,1.00 L0.00,1.00 L0.50,4.20 L0.60,4.40 L0.70,4.70 L0.80,4.80 L1.00,4.90 L1.10,5.00 L1.20,5.00 L1.70,4.90 L1.80,4.90 L1.90,4.80 L2.00,4.80 L2.10,4.60 L2.20,4.30 L2.10,2.30 L2.00,2.30 L0.50,2.40 L0.50,4.20 L-0.00,1.00 L-3.09,-2.34 Z"/>
|
|
</g>
|
|
<g class="rail-leds">
|
|
<rect class="led" x="-163.5" y="-35.0" width="5" height="5" fill="red" />
|
|
<rect class="led" x="-163.5" y="-23.0" width="5" height="5" fill="red" />
|
|
<rect class="led" x="-163.5" y="-11.0" width="5" height="5" fill="red" />
|
|
<rect class="led" x="-163.5" y="1.0" width="5" height="5" fill="red" />
|
|
</g>
|
|
<circle class="rail-sync" cx="-161" cy="22.5" r="4.44" />
|
|
<g>
|
|
<polygon class="arrow" points="0,6.6 -6.6,-4.4 6.6,-4.4" transform="translate(-161,86.5)" />
|
|
<polygon class="arrow" points="0,6.6 -6.6,-4.4 6.6,-4.4" transform="translate(-161,99.5)" />
|
|
<polygon class="arrow" points="0,6.6 -6.6,-4.4 6.6,-4.4" transform="translate(-161,112.5)" />
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-200 -180 400 350" id="RightJoycon">
|
|
<!-- Right Joy-Con Topview (mirrored from DualJoycons right-joycon-topview) -->
|
|
<g class="right-joycon-topview" transform="translate(0,-80) scale(-0.9,0.9)">
|
|
<path class="slider" d="M -95.1,-51.5 L -95.0,-51.5 L -91.2,-51.6 L -91.2,-51.7 L -91.1,-52.4 L -91.1,-52.6 L -91.0,-54.1 L -86.3,-54.0 L -86.0,-53.9 L -85.9,-53.8 L -85.6,-53.4 L -85.5,-53.2 L -85.5,-53.1 L -85.4,-52.9 L -85.4,-52.8 L -85.3,-52.4 L -85.3,-52.3 L -85.4,-27.2 L -85.4,-27.1 L -85.5,-27.0 L -85.5,-26.9 L -85.6,-26.7 L -85.6,-26.6 L -85.7,-26.5 L -85.9,-26.4 L -86.0,-26.3 L -86.4,-26.0 L -86.5,-25.9 L -86.7,-25.8 L -87.1,-25.7 L -90.4,-25.8 L -90.7,-25.9 L -90.8,-26.0 L -90.9,-26.3 L -91.0,-26.4 L -91.0,-26.5 L -91.1,-26.7 L -91.1,-26.9 L -91.2,-28.9 L -95.2,-29.1 L -95.2,-29.2 Z"/>
|
|
<line class="slider-line" x1="-91.1" y1="-51.7" x2="-91.1" y2="-26.5"/>
|
|
<rect class="slider-release" x="-114" y="-68" width="14" height="12" rx="2"/>
|
|
<g transform="translate(-145, -26)">
|
|
<rect class="bump" x="-30" y="2.5" width="20" height="8" rx="2" />
|
|
<rect class="bump" x="15" y="2.5" width="20" height="8" rx="2" />
|
|
<rect class="bump" x="25" y="2.5" width="15" height="5" rx="2" />
|
|
<g class="right-stick-topview" transform="translate(0, -1) rotate(270)">
|
|
<path class="shape" d="M -14.7,-3.8 L -15.2,-5.6 L -15.2,-7.6 L -15.5,-17.6 L -17.4,-18.3 L -19.4,-18.2 L -21.3,-17.6 L -22.8,-16.4 L -23.4,-14.5 L -23.4,-12.5 L -24.1,-8.6 L -24.8,-6.7 L -25.3,-4.8 L -25.7,-2.8 L -25.9,-0.8 L -26.0,1.2 L -26.0,3.2 L -25.8,5.2 L -25.5,7.2 L -25.0,9.2 L -24.4,11.1 L -23.7,13.0 L -23.4,14.9 L -23.4,16.9 L -23.3,18.9 L -22.0,20.5 L -20.2,21.3 L -18.3,21.6 L -16.3,21.4 L -15.3,19.9 L -15.3,17.8 L -15.2,7.8 L -13.5,6.4 L -12.4,7.2 L -11.4,8.9 L -10.2,10.5 L -8.7,11.8 L -7.1,13.0 L -5.3,14.0 L -3.5,14.7 L -1.5,15.0 L 0.5,15.0 L 2.5,14.7 L 4.4,14.2 L 6.3,13.4 L 8.0,12.4 L 9.6,11.1 L 10.9,9.6 L 12.0,7.9 L 12.7,6.0 L 13.2,4.1 L 13.3,2.1 L 13.2,0.1 L 12.9,-1.9 L 12.2,-3.8 L 11.3,-5.6 L 10.2,-7.2 L 8.8,-8.6 L 7.1,-9.8 L 5.4,-10.8 L 3.5,-11.5 L 1.5,-11.9 L -0.5,-12.0 L -2.5,-11.8 L -4.4,-11.3 L -6.2,-10.4 L -8.0,-9.4 L -9.6,-8.2 L -10.9,-6.7 L -11.9,-4.9 L -12.8,-3.2 L -13.5,-3.8 Z"/>
|
|
<line class="line" x1="-15.2" y1="-8.6" x2="-15.2" y2="8"/>
|
|
<line class="line" x1="-13" y1="-4.6" x2="-13" y2="8" stroke="white" stroke-width="1"/>
|
|
</g>
|
|
</g>
|
|
<path class="body" d="M -184.8,-20.8 L -185.6,-21.1 L -186.4,-21.5 L -187.1,-22.1 L -187.8,-22.6 L -188.4,-23.2 L -189.6,-24.5 L -190.2,-25.2 L -190.7,-25.9 L -191.1,-26.7 L -191.4,-27.5 L -191.6,-28.4 L -191.7,-29.2 L -191.7,-30.1 L -191.5,-47.7 L -191.2,-48.5 L -191.0,-49.4 L -190.7,-50.2 L -190.3,-51.0 L -190.0,-51.8 L -189.6,-52.6 L -189.1,-53.4 L -188.6,-54.1 L -187.5,-55.4 L -186.9,-56.1 L -186.2,-56.7 L -185.5,-57.2 L -184.0,-58.1 L -183.3,-58.5 L -182.5,-58.9 L -181.6,-59.2 L -180.8,-59.5 L -179.9,-59.7 L -179.1,-59.9 L -178.2,-60.0 L -174.7,-60.1 L -168.5,-60.2 L -162.4,-60.3 L -156.2,-60.4 L -149.2,-60.5 L -143.0,-60.6 L -136.9,-60.7 L -130.7,-60.8 L -123.7,-60.9 L -117.5,-61.0 L -110.5,-61.1 L -94.4,-60.4 L -94.4,-59.5 L -94.4,-20.6 Z"/>
|
|
<g class="trigger R" transform="translate(6,0)">
|
|
<path class="shape" d="M -186.7,-43.7 L -186.4,-43.7 L -110.6,-43.4 L -110.6,-43.1 L -110.7,-34.3 L -110.7,-34.0 L -110.8,-33.7 L -111.1,-32.9 L -111.2,-32.6 L -111.4,-32.3 L -111.5,-32.1 L -111.7,-31.8 L -111.8,-31.5 L -112.0,-31.3 L -112.2,-31.0 L -112.4,-30.8 L -112.8,-30.3 L -113.0,-30.1 L -114.1,-29.1 L -114.3,-28.9 L -114.6,-28.7 L -114.8,-28.6 L -115.1,-28.4 L -115.3,-28.3 L -115.6,-28.1 L -115.9,-28.0 L -116.4,-27.8 L -116.7,-27.7 L -117.3,-27.6 L -117.6,-27.5 L -182.9,-27.6 L -183.5,-27.7 L -183.8,-27.8 L -184.4,-27.9 L -184.6,-28.1 L -184.9,-28.2 L -185.4,-28.5 L -185.7,-28.7 L -185.9,-28.8 L -186.2,-29.0 L -186.4,-29.2 L -187.0,-29.9 L -187.2,-30.1 L -187.6,-30.6 L -187.8,-30.8 L -187.9,-31.1 L -188.1,-31.3 L -188.2,-31.6 L -188.4,-31.9 L -188.5,-32.1 L -188.6,-32.4 L -188.8,-33.3 L -188.9,-33.6 L -188.9,-33.9 L -188.8,-39.9 L -188.8,-40.2 L -188.7,-41.1 L -188.7,-41.4 L -188.6,-41.7 L -188.0,-43.1 L -187.9,-43.4 L -187.6,-43.6 L -187.3,-43.7 Z"/>
|
|
<polygon class="label" points="1.0,0.0 1.0,-0.1 1.1,-3.3 4.3,-3.2 5.1,-3.1 5.4,-3.0 5.6,-2.9 5.7,-2.8 5.9,-2.7 5.9,-2.6 6.0,-2.5 6.1,-2.3 6.2,-2.2 6.2,-2.1 6.3,-2.0 6.3,-1.9 6.2,-0.8 6.2,-0.7 6.1,-0.6 6.1,-0.5 6.0,-0.4 6.0,-0.3 5.9,-0.2 5.7,-0.1 5.7,0.0 5.6,0.1 5.4,0.2 5.1,0.3 4.7,0.4 4.7,0.5 4.9,0.6 5.0,0.7 5.2,0.8 5.2,0.9 5.3,1.0 5.5,1.1 5.5,1.2 5.6,1.3 5.7,1.5 5.8,1.6 5.9,1.8 6.0,1.9 6.1,2.1 6.2,2.2 6.2,2.3 6.3,2.4 6.4,2.6 6.5,2.7 6.6,2.9 6.7,3.0 6.7,3.1 6.8,3.2 6.8,3.3 5.3,3.2 5.2,3.1 5.2,3.0 5.1,2.9 5.0,2.7 4.9,2.6 4.8,2.4 4.7,2.3 4.6,2.1 4.5,2.0 4.4,1.8 4.3,1.7 4.1,1.4 4.0,1.3 3.9,1.1 3.8,1.0 3.6,0.9 3.6,0.8 3.5,0.7 3.3,0.6 2.9,0.5 2.3,0.6 2.3,0.7 2.2,3.3 1.0,3.2 1.0,3.1 1.0,0.0 4.2,-0.5 4.4,-0.6 4.7,-0.7 4.8,-0.8 4.9,-1.0 5.0,-1.1 5.0,-1.2 4.9,-1.7 4.9,-1.8 4.8,-1.9 4.8,-2.0 4.6,-2.1 4.3,-2.2 2.3,-2.1 2.3,-2.0 2.4,-0.5 4.2,-0.5 1.0,0.0" transform="translate(-145,-37) scale(-1.5,1.5)"/>
|
|
</g>
|
|
<g class="trigger ZR">
|
|
<path class="shape" d="M -179.4,-53.3 L -177.4,-53.3 L -111.2,-53.3 L -111.3,-53.3 L -111.5,-58.6 L -111.8,-60.5 L -112.2,-62.4 L -113.1,-66.1 L -113.8,-68.0 L -114.5,-69.8 L -115.3,-71.5 L -116.3,-73.2 L -117.3,-74.8 L -118.5,-76.4 L -119.8,-77.8 L -121.2,-79.1 L -122.8,-80.2 L -124.4,-81.2 L -126.2,-82.0 L -128.1,-82.6 L -130.0,-82.9 L -131.9,-83.0 L -141.5,-82.9 L -149.3,-82.8 L -153.1,-82.6 L -155.0,-82.1 L -156.8,-81.6 L -158.7,-80.9 L -160.4,-80.2 L -162.2,-79.3 L -163.8,-78.3 L -165.4,-77.2 L -166.9,-76.0 L -168.4,-74.7 L -169.7,-73.3 L -172.1,-70.3 L -173.2,-68.7 L -174.2,-67.1 L -175.2,-65.4 L -176.1,-63.7 L -178.7,-58.5 L -179.6,-56.8 L -180.4,-55.1 L -181.3,-53.3 Z"/>
|
|
<polygon class="label" fill-rule="evenodd" points="-2.6,-2.13 -5.6,-2.13 -5.6,-3.23 -0.8,-3.23 -0.8,-2.13 -4.4,2.12 -0.7,2.12 -0.7,3.22 -6.0,3.22 -6.0,2.12 1.0,0.0 1.0,-0.1 1.1,-3.3 4.3,-3.2 5.1,-3.1 5.4,-3.0 5.6,-2.9 5.7,-2.8 5.9,-2.7 5.9,-2.6 6.0,-2.5 6.1,-2.3 6.2,-2.2 6.2,-2.1 6.3,-2.0 6.3,-1.9 6.2,-0.8 6.2,-0.7 6.1,-0.6 6.1,-0.5 6.0,-0.4 6.0,-0.3 5.9,-0.2 5.7,-0.1 5.7,0.0 5.6,0.1 5.4,0.2 5.1,0.3 4.7,0.4 4.7,0.5 4.9,0.6 5.0,0.7 5.2,0.8 5.2,0.9 5.3,1.0 5.5,1.1 5.5,1.2 5.6,1.3 5.7,1.5 5.8,1.6 5.9,1.8 6.0,1.9 6.1,2.1 6.2,2.2 6.2,2.3 6.3,2.4 6.4,2.6 6.5,2.7 6.6,2.9 6.7,3.0 6.7,3.1 6.8,3.2 6.8,3.3 5.3,3.2 5.2,3.1 5.2,3.0 5.1,2.9 5.0,2.7 4.9,2.6 4.8,2.4 4.7,2.3 4.6,2.1 4.5,2.0 4.4,1.8 4.3,1.7 4.1,1.4 4.0,1.3 3.9,1.1 3.8,1.0 3.6,0.9 3.6,0.8 3.5,0.7 3.3,0.6 2.9,0.5 2.3,0.6 2.3,0.7 2.2,3.3 1.0,3.2 1.0,3.1 1.0,0.0 4.2,-0.5 4.4,-0.6 4.7,-0.7 4.8,-0.8 4.9,-1.0 5.0,-1.1 5.0,-1.2 4.9,-1.7 4.9,-1.8 4.8,-1.9 4.8,-2.0 4.6,-2.1 4.3,-2.2 2.3,-2.1 2.3,-2.0 2.4,-0.5 4.2,-0.5 1.0,0.0 -6.0,2.12" transform="translate(-142,-68) scale(-1.5,1.5)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Right Joy-Con Front (joycon-main-right from DualJoycons, positioned to the left) -->
|
|
<g class="joycon-main-right" transform="translate(-280,-20)">
|
|
<g class="trigger R" transform="scale(-1.62, 1.62)">
|
|
<path class="shape" d="M -166.8,-83.3 L -167.9,-83.2 L -168.9,-83.1 L -170.0,-83.0 L -171.0,-82.8 L -172.1,-82.6 L -173.1,-82.4 L -174.2,-82.1 L -175.2,-81.9 L -176.2,-81.5 L -177.2,-81.2 L -178.2,-80.8 L -180.1,-80.0 L -181.1,-79.5 L -182.0,-79.0 L -183.0,-78.5 L -183.9,-78.0 L -184.8,-77.4 L -185.7,-76.9 L -186.6,-76.3 L -187.4,-75.6 L -188.3,-75.0 L -189.1,-74.3 L -192.2,-71.5 L -192.9,-70.7 L -193.7,-69.9 L -194.3,-69.1 L -195.0,-68.3 L -195.6,-67.4 L -196.8,-65.7 L -197.3,-64.7 L -197.8,-63.8 L -198.2,-62.8 L -198.9,-60.8 L -198.6,-59.8 L -197.6,-59.7 L -196.6,-60.0 L -195.6,-60.5 L -194.7,-60.9 L -193.7,-61.4 L -192.8,-61.9 L -191.8,-62.4 L -190.9,-62.8 L -189.9,-63.3 L -189.0,-63.8 L -187.1,-64.8 L -186.2,-65.2 L -185.2,-65.7 L -184.3,-66.2 L -183.3,-66.7 L -182.4,-67.1 L -181.4,-67.6 L -180.5,-68.1 L -179.5,-68.6 L -178.6,-69.0 L -177.6,-69.5 L -176.7,-70.0 L -175.7,-70.5 L -174.8,-70.9 L -173.8,-71.4 L -172.9,-71.9 L -171.9,-72.4 L -171.0,-72.8 L -170.0,-73.3 L -169.1,-73.8 L -168.1,-74.3 L -167.2,-74.7 L -166.2,-75.2 L -165.3,-75.7 L -164.3,-76.2 L -163.4,-76.6 L -162.4,-77.1 L -161.5,-77.6 L -160.5,-78.1 L -159.6,-78.5 L -158.7,-79.0 L -157.7,-79.5 L -156.8,-80.0 L -155.8,-80.4 L -154.9,-80.9 L -154.2,-81.6 L -154.3,-82.6 L -155.2,-83.3 L -156.2,-83.3 Z"/>
|
|
</g>
|
|
|
|
<!-- Side rail buttons (SL/SR on the rail side) mirrored from your DualJoycons -->
|
|
<g transform="translate(210, 0) scale(-1, 1)">
|
|
<g class="button SL-right">
|
|
<rect class="shape" x="-24" y="36" width="8" height="22" rx="2"/>
|
|
</g>
|
|
<g class="button SR-right">
|
|
<rect class="shape" x="-24" y="-73" width="8" height="22" rx="2"/>
|
|
</g>
|
|
<path class="slider" d="M -23.7,-118.2 L -23.7,-117.3 L -23.7,96.6 L -22.8,96.6 L -21.5,97.2 L -21.5,98.1 L -21.2,106.7 L -20.8,107.5 L -20.1,108.2 L -19.2,108.2 L -16.4,108.1 L -15.8,107.5 L -15.8,106.5 L -15.8,62.8 L -16.3,61.9 L -15.8,61.0 L -17.3,60.3 L -19.1,58.9 L -19.1,58.1 L -19.1,57.2 L -19.1,34.5 L -17.9,33.9 L -17.2,33.2 L -16.6,32.4 L -16.2,31.6 L -15.8,30.7 L -15.8,29.7 L -15.8,28.8 L -15.8,-46.4 L -16.3,-47.3 L -15.8,-48.1 L -17.4,-48.8 L -19.1,-49.4 L -19.1,-50.1 L -19.1,-51.0 L -19.1,-51.9 L -19.1,-73.7 L -19.1,-74.5 L -17.5,-75.2 L -16.4,-76.7 L -16.0,-77.6 L -15.8,-78.5 L -15.8,-79.4 L -15.8,-80.4 L -15.8,-118.2 L -15.8,-118.2 L -18.3,-118.2 Z"/>
|
|
</g>
|
|
|
|
<!-- Main right Joy-Con body -->
|
|
<path class="body" d="M -145.0,-78.9 L -145.0,-77.9 L -145.0,85.6 L -145.0,85.6 L -168.3,85.5 L -169.3,85.4 L -171.3,85.1 L -172.3,84.9 L -173.4,84.7 L -174.3,84.5 L -175.3,84.2 L -176.3,83.8 L -177.3,83.5 L -178.2,83.1 L -179.2,82.7 L -180.1,82.2 L -181.0,81.8 L -181.9,81.3 L -182.8,80.7 L -183.7,80.2 L -184.5,79.6 L -186.2,78.3 L -186.9,77.7 L -187.7,77.0 L -189.2,75.6 L -189.9,74.8 L -190.6,74.1 L -191.3,73.3 L -191.9,72.5 L -192.5,71.6 L -193.1,70.8 L -193.7,69.9 L -194.3,69.1 L -194.8,68.2 L -196.2,65.5 L -196.6,64.5 L -197.0,63.6 L -197.4,62.6 L -198.1,60.7 L -198.4,59.7 L -198.6,58.7 L -199.2,55.6 L -199.3,54.6 L -199.5,51.5 L -199.5,50.5 L -199.5,-49.4 L -199.4,-50.5 L -199.3,-51.5 L -199.1,-52.5 L -198.2,-56.5 L -197.9,-57.5 L -197.2,-59.4 L -196.8,-60.4 L -196.4,-61.3 L -195.9,-62.2 L -194.3,-64.9 L -193.7,-65.7 L -193.1,-66.6 L -192.5,-67.4 L -191.8,-68.2 L -191.2,-68.9 L -190.4,-69.7 L -188.2,-71.8 L -187.4,-72.5 L -186.6,-73.1 L -185.8,-73.8 L -185.0,-74.4 L -184.1,-74.9 L -183.2,-75.5 L -182.4,-76.0 L -181.5,-76.5 L -179.6,-77.5 L -178.7,-77.9 L -177.8,-78.4 L -176.8,-78.8 L -175.9,-79.1 L -174.9,-79.5 L -173.9,-79.8 L -170.9,-80.6 L -169.9,-80.8 L -167.9,-81.1 L -166.9,-81.2 L -165.8,-81.2 L -145.0,-80.9 Z" transform="scale(-1.61,1.61)"/>
|
|
|
|
<!-- Plus button -->
|
|
<g class="button plus" transform="translate(241,-117)">
|
|
<path class="shape" d="M 0,6 H 6 V 0 H 9 V 6 H 15 V 9 H 9 V 15 H 6 V 9 H 0 Z" />
|
|
</g>
|
|
|
|
<!-- A/B/X/Y face buttons -->
|
|
<g class="buttons-face" transform="translate(275,-62)">
|
|
<g class="button A" transform="translate(20,0)">
|
|
<circle class="shape" r="10"/>
|
|
<polygon class="label" fill-rule="evenodd" points="-1.085,-5.2 1.085,-5.2 5.085,5.0 2.785,5.0 1.785,2.65 -1.785,2.65 -2.785,5.0 -5.085,5.0 -1.4,1.0 0.0,-2.8 1.4,1.0 -1.4,1.0 -5.085,5.0" transform="scale(1)"/>
|
|
</g>
|
|
<g class="button B" transform="translate(0,20)">
|
|
<circle class="shape" r="10"/>
|
|
<polygon class="label" fill-rule="evenodd" points="-4.0,0.0 -4.0,0.0 -4.0,-0.1 -3.8,-5.1 1.8,-5.0 2.3,-4.9 2.6,-4.8 2.8,-4.7 2.9,-4.6 3.1,-4.5 3.2,-4.4 3.4,-4.3 3.4,-4.2 3.5,-4.1 3.7,-4.0 3.7,-3.9 3.8,-3.8 3.8,-3.7 3.9,-3.6 3.9,-3.5 4.0,-3.4 4.0,-3.3 4.1,-3.1 4.1,-3.0 4.0,-2.0 4.0,-1.9 3.9,-1.7 3.9,-1.6 3.8,-1.5 3.8,-1.4 3.7,-1.3 3.7,-1.2 3.6,-1.1 3.6,-1.0 3.5,-0.9 3.3,-0.8 3.3,-0.7 3.2,-0.6 3.0,-0.5 2.9,-0.4 2.7,-0.3 2.9,-0.2 3.2,-0.1 3.3,0.0 3.5,0.1 3.6,0.2 3.8,0.3 3.9,0.4 4.0,0.6 4.1,0.7 4.3,0.8 4.3,0.9 4.4,1.0 4.4,1.1 4.5,1.3 4.5,1.4 4.6,1.6 4.6,1.7 4.5,2.8 4.5,2.9 4.4,3.1 4.4,3.2 4.3,3.4 4.3,3.5 4.2,3.6 4.2,3.7 4.1,3.8 4.1,3.9 4.0,4.0 3.9,4.2 3.8,4.3 3.6,4.4 3.6,4.5 3.4,4.6 3.3,4.7 3.1,4.8 2.8,4.9 2.6,5.0 2.1,5.1 -4.0,5.0 -4.0,4.9 -4.0,0.0 1.1,3.4 1.1,3.4 1.5,3.3 1.8,3.2 2.0,3.1 2.1,3.0 2.3,2.9 2.3,2.8 2.4,2.7 2.4,2.6 2.5,2.3 2.5,2.2 2.4,1.7 2.4,1.6 2.3,1.4 2.3,1.3 2.2,1.2 2.2,1.1 2.1,1.0 1.9,0.9 1.6,0.8 1.4,0.7 -1.9,0.6 -1.9,0.7 -1.8,3.4 1.1,3.4 -4.0,0.0 0.3,-1.1 0.3,-1.1 1.3,-1.2 1.5,-1.3 1.8,-1.4 1.8,-1.5 1.9,-1.6 2.0,-1.8 2.0,-1.9 2.1,-2.0 2.1,-2.1 2.0,-2.7 2.0,-2.8 1.9,-2.9 1.9,-3.0 1.8,-3.1 1.6,-3.2 1.6,-3.3 1.3,-3.4 -1.9,-3.3 -1.9,-3.2 -1.8,-1.0 0.2,-1.1 0.3,-1.1 -4.0,0.0" transform="scale(1)"/>
|
|
</g>
|
|
<g class="button X" transform="translate(0,-20)">
|
|
<circle class="shape" r="10"/>
|
|
<polygon class="label" points="-4.4,-5.0 -2.0,-5.0 0.0,-1.7 2.0,-5.0 4.4,-5.0 1.2,0.0 4.4,5.0 2.0,5.0 0.0,1.7 -2.0,5.0 -4.4,5.0 -1.2,0.0" transform="scale(1)" />
|
|
</g>
|
|
<g class="button Y" transform="translate(-20,0)">
|
|
<circle class="shape" r="10"/>
|
|
<polygon class="label" points="-4.79,-4.9 -2.44,-4.9 0.0,-0.9 2.44,-4.9 4.79,-4.9 1.05,1.0 1.05,5.31 -1.05,5.31 -1.05,1.0" transform="scale(1)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Right stick front view -->
|
|
<g class="right-stick" transform="translate(280,25)">
|
|
<g class="right-stick-movable" transform="translate(0,0)">
|
|
<circle class="shape" cx="0" cy="0" r="22"/>
|
|
<line class="line" x1="-22" y1="0" x2="22" y2="0"/>
|
|
<line class="line" x1="0" y1="-22" x2="0" y2="22"/>
|
|
<circle class="shape inner" cx="0" cy="0" r="14"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Home button -->
|
|
<g class="button home" transform="translate(260,72)">
|
|
<circle class="shape outer" r="9.5"/>
|
|
<circle class="shape inner" r="7.1"/>
|
|
<polygon class="symbol house" fill-rule="evenodd" points="-1.3,0.0 -0.93,0.0 -0.93,1.15 0.93,1.15 0.93,0.0 1.3,0.0 0.0,-1.2 -1.3,0.0 -0.43,0.0 -0.43,0.73 0.43,0.73 0.43,0.0" transform="scale(3.9)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Right stick visualization (matching your left-stick visual style) -->
|
|
<g class="raw-joysticks" transform="translate(-45,70)">
|
|
<g class="right-stick-visual" transform="translate(170, 0)">
|
|
<circle class="joystick-range" cx="0" cy="0" r="45"/>
|
|
<circle class="joystick-deadzone" cx="0" cy="0" r="6.75"/>
|
|
<circle class="joystick-dot-raw" cx="0" cy="0" r="2"/>
|
|
<circle class="joystick-dot-calibrated" cx="0" cy="0" r="2"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Right Joy-Con Sideview + center rail (mirrored from your left-joycon-sideview) -->
|
|
<g class="right-joycon-sideview" transform="translate(-300,-21) scale(-0.9,0.9)">
|
|
<!-- ZR (mirrored ZL shape) -->
|
|
<g class="trigger ZR">
|
|
<path transform="translate(2, -12)" class="shape" d="M -148.9,-128.2 L -148.7,-126.6 L -148.4,-124.9 L -148.2,-123.3 L -147.9,-121.7 L -147.7,-120.1 L -147.4,-118.5 L -147.2,-116.9 L -146.9,-115.3 L -146.4,-112.1 L -146.1,-110.5 L -145.9,-108.9 L -145.6,-107.3 L -144.2,-107.3 L -142.6,-107.5 L -141.0,-107.8 L -137.8,-108.3 L -136.2,-108.6 L -131.4,-109.4 L -129.8,-109.7 L -125.6,-111.4 L -124.5,-112.7 L -123.9,-114.1 L -123.8,-115.8 L -123.8,-117.4 L -123.9,-120.6 L -124.5,-122.1 L -125.8,-123.1 L -127.4,-123.4 L -129.0,-123.6 L -130.6,-124.0 L -132.1,-124.4 L -133.7,-124.8 L -135.3,-125.3 L -136.8,-125.9 L -138.3,-126.4 L -139.9,-126.9 L -141.4,-127.5 L -142.9,-128.0 L -144.5,-128.5 L -146.0,-129.0 L -147.6,-129.4 Z" />
|
|
</g>
|
|
|
|
<!-- R shoulder (simple pill) -->
|
|
<g class="trigger R">
|
|
<rect class="shape" x="-175" y="-147" width="19" height="7" rx="3" ry="3" />
|
|
</g>
|
|
|
|
<!-- Side buttons on right Joy-Con (up/down/right, capture, minus) -->
|
|
<g class="joycon-side-buttons">
|
|
<g class="buttons-face">
|
|
<g class="button B"><rect class="shape" x="-185" y="-61" width="10" height="22" rx="5" ry="11"/></g>
|
|
<g class="button X"><rect class="shape" x="-185" y="-106" width="10" height="22" rx="5" ry="11"/></g>
|
|
<g class="button A"><rect class="shape" x="-185" y="-84" width="10" height="22" rx="5" ry="11"/></g>
|
|
</g>
|
|
<g class="button home"><rect class="shape" x="-185" y="70" width="6" height="20" rx="3" ry="12"/></g>
|
|
<g class="button plus">
|
|
<rect class="shape" x="-185" y="-126" width="16" height="8" rx="4" ry="4"/>
|
|
<rect class="shape" x="-185" y="-121" width="8" height="5.32" rx="4" ry="2.66"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Side body profile -->
|
|
<path transform="translate(0, -11)" class="body" d="M -146.1,-124.3 L -146.0,-122.0 L -145.8,-119.7 L -145.7,-117.4 L -145.4,-112.8 L -145.3,-110.5 L -145.0,-105.9 L -144.9,-103.6 L -144.6,-99.1 L -144.5,-96.8 L -144.5,-89.9 L -144.5,-87.6 L -144.5,-83.0 L -144.5,-80.7 L -144.5,-80.3 L -142.4,-82.4 L -141.4,-84.5 L -140.2,-86.4 L -138.8,-88.3 L -137.4,-90.1 L -134.5,-93.6 L -133.0,-95.3 L -130.0,-98.8 L -128.5,-100.6 L -127.1,-102.4 L -125.8,-104.3 L -124.7,-106.3 L -123.9,-108.4 L -125.1,-110.2 L -127.4,-110.3 L -129.7,-110.3 L -134.2,-110.5 L -136.4,-111.4 L -138.1,-112.8 L -139.4,-114.7 L -140.5,-116.8 L -141.4,-118.9 L -143.3,-123.1 L -144.6,-124.9 L -146.2,-126.0 Z"/>
|
|
|
|
<!-- Small inner button (like your left rail-side extra button) -->
|
|
<g class="joycon-side-buttons">
|
|
<g class="button"><rect class="shape" x="-140" y="-117" width="4" height="9" rx="1"/></g>
|
|
</g>
|
|
|
|
<!-- Back plate -->
|
|
<path transform="translate(20, 5)" class="body" d="M -176.48,-148.41 L -177.59,-148.41 L -192.85,-148.19 L -193.96,-147.96 L -195.04,-147.63 L -195.99,-147.20 L -196.77,-146.68 L -197.54,-146.06 L -198.20,-145.35 L -199.40,-143.82 L -199.84,-142.82 L -200.51,-139.71 L -200.74,-138.61 L -200.85,-137.61 L -200.85,-136.50 L -200.07,143.19 L -199.73,144.20 L -199.28,145.10 L -198.39,146.80 L -197.70,147.69 L -196.90,148.47 L -196.00,149.24 L -195.09,149.90 L -194.07,150.45 L -192.05,151.11 L -190.92,151.11 L -173.47,150.66 L -172.47,150.45 L -171.36,150.00 L -170.36,149.46 L -169.36,148.80 L -168.47,148.02 L -167.69,147.24 L -166.91,146.35 L -165.47,144.42 L -164.80,143.53 L -164.25,142.52 L -161.70,137.06 L -161.03,136.06 L -160.48,135.06 L -159.92,133.95 L -159.59,133.06 L -159.26,132.17 L -158.92,131.16 L -158.69,130.16 L -158.47,129.17 L -158.36,128.06 L -158.36,127.06 L -160.48,-137.17 L -160.81,-137.96 L -161.36,-138.96 L -161.92,-140.07 L -162.47,-141.08 L -163.14,-142.08 L -163.80,-143.08 L -164.58,-144.08 L -165.36,-145.08 L -166.25,-145.97 L -167.13,-146.75 L -168.13,-147.52 L -169.14,-148.19 L -170.25,-148.74 L -173.25,-149.96 L -174.25,-150.19 L -175.37,-150.30 Z"/>
|
|
|
|
<!-- Center rail, SL/SR, LEDs, sync button, arrows (same geometry as left, mirrored by the group transform) -->
|
|
<g class="center-rail-sideview">
|
|
<rect class="rail-body" x="-175" y="-128" width="28" height="253" rx="3" ry="3" />
|
|
<rect class="rail-bottom" x="-172.22" y="78.17" width="22.44" height="44.66" rx="3" ry="3" />
|
|
|
|
<g class="button SR-right">
|
|
<rect class="shape" x="-166.2" y="-77.5" width="10.4" height="24" rx="4" ry="4" />
|
|
<path transform="translate(-161,-65.5) rotate(180) scale(-1,1)" class="label" d="M-3.00,-3.65 L-2.76,-4.26 L-2.33,-4.76 L-1.76,-5.09 L-1.13,-5.26 L-0.94,-4.77 L-0.87,-4.11 L-1.46,-3.88 L-1.91,-3.41 L-2.05,-2.78 L-1.98,-2.13 L-1.59,-1.61 L-0.96,-1.53 L-0.56,-2.04 L-0.38,-2.67 L-0.22,-3.31 L0.00,-3.93 L0.34,-4.49 L0.86,-4.89 L1.49,-5.05 L2.14,-4.95 L2.69,-4.60 L3.07,-4.07 L3.25,-3.44 L3.31,-2.78 L3.25,-2.12 L3.07,-1.49 L2.70,-0.95 L2.16,-0.58 L1.52,-0.43 L1.41,-0.99 L1.38,-1.65 L1.97,-1.91 L2.25,-2.49 L2.25,-3.15 L1.99,-3.74 L1.38,-3.78 L1.06,-3.22 L0.88,-2.58 L0.71,-1.94 L0.49,-1.32 L0.13,-0.77 L-0.40,-0.40 L-1.04,-0.25 L-1.69,-0.32 L-2.28,-0.61 L-2.73,-1.09 L-2.98,-1.69 L-3.09,-2.34 L-1.00,0.00 L0.10,1.00 L3.30,1.10 L3.20,4.30 L3.10,5.10 L3.00,5.40 L2.90,5.60 L2.80,5.70 L2.70,5.90 L2.60,5.90 L2.50,6.00 L2.30,6.10 L2.20,6.20 L2.10,6.20 L2.00,6.30 L1.90,6.30 L0.80,6.20 L0.70,6.20 L0.60,6.10 L0.50,6.10 L0.40,6.00 L0.30,6.00 L0.20,5.90 L0.10,5.70 L0.00,5.70 L-0.10,5.60 L-0.20,5.40 L-0.30,5.10 L-0.40,4.70 L-0.50,4.70 L-0.60,4.90 L-0.70,5.00 L-0.80,5.20 L-0.90,5.20 L-1.00,5.30 L-1.10,5.50 L-1.20,5.50 L-1.30,5.60 L-1.50,5.70 L-1.60,5.80 L-1.80,5.90 L-1.90,6.00 L-2.10,6.10 L-2.20,6.20 L-2.30,6.20 L-2.40,6.30 L-2.60,6.40 L-2.70,6.50 L-2.90,6.60 L-3.00,6.70 L-3.10,6.70 L-3.20,6.80 L-3.30,6.80 L-3.20,5.30 L-3.10,5.20 L-3.00,5.20 L-2.90,5.10 L-2.70,5.00 L-2.60,4.90 L-2.40,4.80 L-2.30,4.70 L-2.10,4.60 L-2.00,4.50 L-1.80,4.40 L-1.70,4.30 L-1.40,4.10 L-1.30,4.00 L-1.10,3.90 L-1.00,3.80 L-0.90,3.60 L-0.80,3.60 L-0.70,3.50 L-0.60,3.30 L-0.50,2.90 L-0.60,2.30 L-0.70,2.30 L-3.30,2.20 L-3.20,1.00 L-3.10,1.00 L0.00,1.00 L0.50,4.20 L0.60,4.40 L0.70,4.70 L0.80,4.80 L1.00,4.90 L1.10,5.00 L1.20,5.00 L1.70,4.90 L1.80,4.90 L1.90,4.80 L2.00,4.80 L2.10,4.60 L2.20,4.30 L2.10,2.30 L2.00,2.30 L0.50,2.40 L0.50,4.20 L-0.00,1.00 L-3.09,-2.34 Z" />
|
|
</g>
|
|
|
|
<g class="button SL-right">
|
|
<rect class="shape" x="-166.2" y="43.5" width="10.4" height="24" rx="4" ry="4" />
|
|
<path transform="translate(-161,55.5) rotate(180) scale(-1,1)" class="label" d="M-3.00,-3.65 L-2.76,-4.26 L-2.33,-4.76 L-1.76,-5.09 L-1.13,-5.26 L-0.94,-4.77 L-0.87,-4.11 L-1.46,-3.88 L-1.91,-3.41 L-2.05,-2.78 L-1.98,-2.13 L-1.59,-1.61 L-0.96,-1.53 L-0.56,-2.04 L-0.38,-2.67 L-0.22,-3.31 L0.00,-3.93 L0.34,-4.49 L0.86,-4.89 L1.49,-5.05 L2.14,-4.95 L2.69,-4.60 L3.07,-4.07 L3.25,-3.44 L3.31,-2.78 L3.25,-2.12 L3.07,-1.49 L2.70,-0.95 L2.16,-0.58 L1.52,-0.43 L1.41,-0.99 L1.38,-1.65 L1.97,-1.91 L2.25,-2.49 L2.25,-3.15 L1.99,-3.74 L1.38,-3.78 L1.06,-3.22 L0.88,-2.58 L0.71,-1.94 L0.49,-1.32 L0.13,-0.77 L-0.40,-0.40 L-1.04,-0.25 L-1.69,-0.32 L-2.28,-0.61 L-2.73,-1.09 L-2.98,-1.69 L-3.09,-2.34 L3.23,2.40 L-2.10,2.40 L-2.10,5.43 L-3.22,5.43 L-3.22,0.98 L3.23,0.98 L3.23,2.40 L-3.09,-2.34 Z"/>
|
|
</g>
|
|
|
|
<g class="rail-leds">
|
|
<rect class="led" x="-163.5" y="-35.0" width="5" height="5" />
|
|
<rect class="led" x="-163.5" y="-23.0" width="5" height="5" />
|
|
<rect class="led" x="-163.5" y="-11.0" width="5" height="5" />
|
|
<rect class="led" x="-163.5" y="1.0" width="5" height="5" />
|
|
</g>
|
|
|
|
<circle class="rail-sync" cx="-161" cy="22.5" r="4.44" />
|
|
|
|
<g>
|
|
<polygon class="arrow" points="0,6.6 -6.6,-4.4 6.6,-4.4" transform="translate(-161,86.5)" />
|
|
<polygon class="arrow" points="0,6.6 -6.6,-4.4 6.6,-4.4" transform="translate(-161,99.5)" />
|
|
<polygon class="arrow" points="0,6.6 -6.6,-4.4 6.6,-4.4" transform="translate(-161,112.5)" />
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-235 -160 470 340" id="Handheld">
|
|
<!-- L trigger -->
|
|
<g class="trigger L">
|
|
<path class="shape" d="M -166.8,-83.3 L -167.9,-83.2 L -168.9,-83.1 L -170.0,-83.0 L -171.0,-82.8 L -172.1,-82.6 L -173.1,-82.4 L -174.2,-82.1 L -175.2,-81.9 L -176.2,-81.5 L -177.2,-81.2 L -178.2,-80.8 L -180.1,-80.0 L -181.1,-79.5 L -182.0,-79.0 L -183.0,-78.5 L -183.9,-78.0 L -184.8,-77.4 L -185.7,-76.9 L -186.6,-76.3 L -187.4,-75.6 L -188.3,-75.0 L -189.1,-74.3 L -192.2,-71.5 L -192.9,-70.7 L -193.7,-69.9 L -194.3,-69.1 L -195.0,-68.3 L -195.6,-67.4 L -196.8,-65.7 L -197.3,-64.7 L -197.8,-63.8 L -198.2,-62.8 L -198.9,-60.8 L -198.6,-59.8 L -197.6,-59.7 L -196.6,-60.0 L -195.6,-60.5 L -194.7,-60.9 L -193.7,-61.4 L -192.8,-61.9 L -191.8,-62.4 L -190.9,-62.8 L -189.9,-63.3 L -189.0,-63.8 L -187.1,-64.8 L -186.2,-65.2 L -185.2,-65.7 L -184.3,-66.2 L -183.3,-66.7 L -182.4,-67.1 L -181.4,-67.6 L -180.5,-68.1 L -179.5,-68.6 L -178.6,-69.0 L -177.6,-69.5 L -176.7,-70.0 L -175.7,-70.5 L -174.8,-70.9 L -173.8,-71.4 L -172.9,-71.9 L -171.9,-72.4 L -171.0,-72.8 L -170.0,-73.3 L -169.1,-73.8 L -168.1,-74.3 L -167.2,-74.7 L -166.2,-75.2 L -165.3,-75.7 L -164.3,-76.2 L -163.4,-76.6 L -162.4,-77.1 L -161.5,-77.6 L -160.5,-78.1 L -159.6,-78.5 L -158.7,-79.0 L -157.7,-79.5 L -156.8,-80.0 L -155.8,-80.4 L -154.9,-80.9 L -154.2,-81.6 L -154.3,-82.6 L -155.2,-83.3 L -156.2,-83.3 Z"/>
|
|
</g>
|
|
|
|
<!-- R trigger -->
|
|
<g class="trigger R" transform="scale(-1,1)">
|
|
<path class="shape" d="M -166.8,-83.3 L -167.9,-83.2 L -168.9,-83.1 L -170.0,-83.0 L -171.0,-82.8 L -172.1,-82.6 L -173.1,-82.4 L -174.2,-82.1 L -175.2,-81.9 L -176.2,-81.5 L -177.2,-81.2 L -178.2,-80.8 L -180.1,-80.0 L -181.1,-79.5 L -182.0,-79.0 L -183.0,-78.5 L -183.9,-78.0 L -184.8,-77.4 L -185.7,-76.9 L -186.6,-76.3 L -187.4,-75.6 L -188.3,-75.0 L -189.1,-74.3 L -192.2,-71.5 L -192.9,-70.7 L -193.7,-69.9 L -194.3,-69.1 L -195.0,-68.3 L -195.6,-67.4 L -196.8,-65.7 L -197.3,-64.7 L -197.8,-63.8 L -198.2,-62.8 L -198.9,-60.8 L -198.6,-59.8 L -197.6,-59.7 L -196.6,-60.0 L -195.6,-60.5 L -194.7,-60.9 L -193.7,-61.4 L -192.8,-61.9 L -191.8,-62.4 L -190.9,-62.8 L -189.9,-63.3 L -189.0,-63.8 L -187.1,-64.8 L -186.2,-65.2 L -185.2,-65.7 L -184.3,-66.2 L -183.3,-66.7 L -182.4,-67.1 L -181.4,-67.6 L -180.5,-68.1 L -179.5,-68.6 L -178.6,-69.0 L -177.6,-69.5 L -176.7,-70.0 L -175.7,-70.5 L -174.8,-70.9 L -173.8,-71.4 L -172.9,-71.9 L -171.9,-72.4 L -171.0,-72.8 L -170.0,-73.3 L -169.1,-73.8 L -168.1,-74.3 L -167.2,-74.7 L -166.2,-75.2 L -165.3,-75.7 L -164.3,-76.2 L -163.4,-76.6 L -162.4,-77.1 L -161.5,-77.6 L -160.5,-78.1 L -159.6,-78.5 L -158.7,-79.0 L -157.7,-79.5 L -156.8,-80.0 L -155.8,-80.4 L -154.9,-80.9 L -154.2,-81.6 L -154.3,-82.6 L -155.2,-83.3 L -156.2,-83.3 Z"/>
|
|
</g>
|
|
|
|
<!-- Left JoyCon body -->
|
|
<polygon class="left-joycon" points="-145.0,-78.9 -145.0,-77.9 -145.0,85.6 -145.0,85.6 -168.3,85.5 -169.3,85.4 -171.3,85.1 -172.3,84.9 -173.4,84.7 -174.3,84.5 -175.3,84.2 -176.3,83.8 -177.3,83.5 -178.2,83.1 -179.2,82.7 -180.1,82.2 -181.0,81.8 -181.9,81.3 -182.8,80.7 -183.7,80.2 -184.5,79.6 -186.2,78.3 -186.9,77.7 -187.7,77.0 -189.2,75.6 -189.9,74.8 -190.6,74.1 -191.3,73.3 -191.9,72.5 -192.5,71.6 -193.1,70.8 -193.7,69.9 -194.3,69.1 -194.8,68.2 -196.2,65.5 -196.6,64.5 -197.0,63.6 -197.4,62.6 -198.1,60.7 -198.4,59.7 -198.6,58.7 -199.2,55.6 -199.3,54.6 -199.5,51.5 -199.5,50.5 -199.5,-49.4 -199.4,-50.5 -199.3,-51.5 -199.1,-52.5 -198.2,-56.5 -197.9,-57.5 -197.2,-59.4 -196.8,-60.4 -196.4,-61.3 -195.9,-62.2 -194.3,-64.9 -193.7,-65.7 -193.1,-66.6 -192.5,-67.4 -191.8,-68.2 -191.2,-68.9 -190.4,-69.7 -188.2,-71.8 -187.4,-72.5 -186.6,-73.1 -185.8,-73.8 -185.0,-74.4 -184.1,-74.9 -183.2,-75.5 -182.4,-76.0 -181.5,-76.5 -179.6,-77.5 -178.7,-77.9 -177.8,-78.4 -176.8,-78.8 -175.9,-79.1 -174.9,-79.5 -173.9,-79.8 -170.9,-80.6 -169.9,-80.8 -167.9,-81.1 -166.9,-81.2 -165.8,-81.2 -145.0,-80.9"/>
|
|
|
|
<!-- Right JoyCon body -->
|
|
<polygon class="right-joycon" points="145.0,-78.9 145.0,-77.9 145.0,85.6 145.0,85.6 168.3,85.5 169.3,85.4 171.3,85.1 172.3,84.9 173.4,84.7 174.3,84.5 175.3,84.2 176.3,83.8 177.3,83.5 178.2,83.1 179.2,82.7 180.1,82.2 181.0,81.8 181.9,81.3 182.8,80.7 183.7,80.2 184.5,79.6 186.2,78.3 186.9,77.7 187.7,77.0 189.2,75.6 189.9,74.8 190.6,74.1 191.3,73.3 191.9,72.5 192.5,71.6 193.1,70.8 193.7,69.9 194.3,69.1 194.8,68.2 196.2,65.5 196.6,64.5 197.0,63.6 197.4,62.6 198.1,60.7 198.4,59.7 198.6,58.7 199.2,55.6 199.3,54.6 199.5,51.5 199.5,50.5 199.5,-49.4 199.4,-50.5 199.3,-51.5 199.1,-52.5 198.2,-56.5 197.9,-57.5 197.2,-59.4 196.8,-60.4 196.4,-61.3 195.9,-62.2 194.3,-64.9 193.7,-65.7 193.1,-66.6 192.5,-67.4 191.8,-68.2 191.2,-68.9 190.4,-69.7 188.2,-71.8 187.4,-72.5 186.6,-73.1 185.8,-73.8 185.0,-74.4 184.1,-74.9 183.2,-75.5 182.4,-76.0 181.5,-76.5 179.6,-77.5 178.7,-77.9 177.8,-78.4 176.8,-78.8 175.9,-79.1 174.9,-79.5 173.9,-79.8 170.9,-80.6 169.9,-80.8 167.9,-81.1 166.9,-81.2 165.8,-81.2 145.0,-80.9"/>
|
|
|
|
<!-- Handheld shoulder buttons strip (left) -->
|
|
<polygon class="handheld-buttons" points="-82.5,-83.0 -82.5,-83.0 -106.7,-83.0 -106.8,-83.1 -106.8,-83.2 -106.8,-83.9 -106.8,-84.0 -106.8,-84.1 -106.7,-84.2 -106.6,-84.3 -106.5,-84.4 -106.4,-84.5 -106.3,-84.5 -106.2,-84.5 -98.9,-84.5 -98.8,-84.4 -98.8,-84.3 -98.8,-84.0 -90.3,-84.1 -90.2,-84.4 -90.2,-84.5 -90.1,-84.5 -82.8,-84.5 -82.6,-84.5 -82.5,-84.4 -82.4,-84.3 -82.3,-84.1 -82.2,-83.9 -82.2,-83.8 -82.2,-83.1 -82.3,-83.0 -82.4,-83.0"/>
|
|
|
|
<!-- Handheld body (tablet center) -->
|
|
<polygon class="handheld-body" fill-rule="evenodd" points="-137.3,-81.9 -137.6,-81.8 -137.8,-81.6 -138.0,-81.3 -138.1,-81.1 -138.1,-80.8 -138.2,-78.7 -138.2,-78.4 -138.3,-78.1 -138.7,-77.3 -138.9,-77.0 -139.0,-76.8 -139.2,-76.5 -139.5,-76.3 -139.7,-76.1 -139.9,-76.0 -140.2,-75.8 -140.5,-75.7 -140.7,-75.6 -141.0,-75.5 -141.9,-75.3 -142.2,-75.3 -142.5,-75.2 -143.0,-74.9 -143.2,-74.7 -143.3,-74.4 -143.0,-74.1 -143.0,85.3 -143.0,85.6 -142.7,85.8 -142.4,85.9 -142.2,85.9 143.0,85.6 143.1,85.4 143.3,85.1 143.0,84.8 143.0,-74.9 142.8,-75.1 142.5,-75.2 141.9,-75.3 141.6,-75.3 141.3,-75.4 141.1,-75.4 140.8,-75.5 140.5,-75.7 140.2,-75.8 140.0,-76.0 139.7,-76.1 139.5,-76.3 139.1,-76.8 138.9,-77.0 138.6,-77.5 138.4,-77.8 138.3,-78.1 138.3,-78.3 138.2,-78.6 138.2,-78.9 138.1,-79.2 138.1,-79.5 138.0,-81.3 137.8,-81.6 137.6,-81.8 137.3,-81.9 137.1,-81.9 120.0,-70.0 -120.0,-70.0 -120.0,70.0 120.0,70.0 120.0,-70.0 137.1,-81.9"/>
|
|
<!-- Body outline -->
|
|
<polygon class="handheld-body-outline" points="-137.3,-81.9 -137.6,-81.8 -137.8,-81.6 -138.0,-81.3 -138.1,-81.1 -138.1,-80.8 -138.2,-78.7 -138.2,-78.4 -138.3,-78.1 -138.7,-77.3 -138.9,-77.0 -139.0,-76.8 -139.2,-76.5 -139.5,-76.3 -139.7,-76.1 -139.9,-76.0 -140.2,-75.8 -140.5,-75.7 -140.7,-75.6 -141.0,-75.5 -141.9,-75.3 -142.2,-75.3 -142.5,-75.2 -143.0,-74.9 -143.2,-74.7 -143.3,-74.4 -143.0,-74.1 -143.0,85.3 -142.7,85.8 -142.4,85.9 -142.2,85.9 143.0,85.6 143.1,85.4 143.3,85.1 143.0,84.8 143.0,-74.9 142.8,-75.1 142.5,-75.2 141.9,-75.3 141.6,-75.3 141.3,-75.4 141.1,-75.4 140.8,-75.5 140.5,-75.7 140.2,-75.8 140.0,-76.0 139.7,-76.1 139.5,-76.3 139.1,-76.8 138.9,-77.0 138.6,-77.5 138.4,-77.8 138.3,-78.1 138.3,-78.3 138.2,-78.6 138.2,-78.9 138.1,-79.2 138.1,-79.5 138.0,-81.3 137.8,-81.6 137.6,-81.8 137.3,-81.9"/>
|
|
|
|
<!-- Bezel (screen surround) -->
|
|
<path class="handheld-bezel" fill-rule="evenodd" d="M -131.4,-75.9 -132.2,-75.7 -132.9,-75.3 -134.2,-74.3 -134.7,-73.6 -135.1,-72.8 -135.4,-72.0 -135.5,-71.2 -135.5,-70.4 -135.2,76.7 -134.8,77.5 -134.3,78.1 -133.7,78.8 -133.1,79.2 -132.3,79.6 -131.5,79.9 -130.7,80.0 -129.8,80.0 132.2,79.7 133.0,79.3 133.7,78.8 134.3,78.3 134.8,77.6 135.1,76.8 135.5,75.2 135.5,74.3 135.2,-72.7 134.8,-73.5 134.4,-74.2 133.8,-74.8 133.1,-75.3 132.3,-75.6 130.7,-76.0 129.8,-76.0 Z M -112.9,-62.2 L 112.9,-62.2 L 112.9,62.2 L -112.9,62.2 Z"/>
|
|
|
|
<!-- Screen inner rect -->
|
|
<rect class="screen" x="-112.9" y="-62.2" width="225.8" height="124.4"/>
|
|
|
|
<!-- ZL button -->
|
|
<g class="trigger ZL" transform="translate(-210,-120)">
|
|
<polygon class="shape" points="5.5,-12.6 5.8,-12.6 6.7,-12.5 8.1,-12.3 8.6,-12.2 9.2,-12.0 9.5,-11.9 9.9,-11.8 10.6,-11.5 11.0,-11.3 11.2,-11.2 11.4,-11.1 11.8,-10.9 12.0,-10.8 12.2,-10.7 12.4,-10.5 12.6,-10.4 12.8,-10.3 13.6,-9.7 13.8,-9.6 13.9,-9.4 14.1,-9.3 14.8,-8.6 15.0,-8.5 15.1,-8.3 15.6,-7.8 15.7,-7.6 16.1,-7.0 16.3,-6.8 16.4,-6.6 16.5,-6.4 16.8,-6.0 16.9,-5.8 17.0,-5.6 17.1,-5.4 17.2,-5.2 17.3,-5.0 17.4,-4.8 17.5,-4.6 17.6,-4.4 17.7,-4.1 17.8,-3.9 17.9,-3.5 18.0,-3.3 18.1,-3.0 18.2,-2.6 18.2,-2.3 18.3,-2.1 18.3,-1.9 18.4,-1.4 18.5,-1.2 18.6,-0.3 18.6,0.0 18.3,13.9 -17.0,13.8 -17.0,13.6 -16.4,-11.4 -16.3,-11.6 -16.1,-11.8 -15.7,-12.0 -15.5,-12.1 -15.1,-12.3 -14.6,-12.4 -13.4,-12.5" transform="scale(-1,1)"/>
|
|
<polygon class="label" fill-rule="evenodd" points="-2.6,-2.13 -5.6,-2.13 -5.6,-3.23 -0.8,-3.23 -0.8,-2.13 -4.4,2.12 -0.7,2.12 -0.7,3.22 -6.0,3.22 -6.0,2.12 2.4,-3.23 2.4,2.1 5.43,2.1 5.43,3.22 0.98,3.22 0.98,-3.23 2.4,-3.23 -6.0,2.12" transform="scale(1.5)"/>
|
|
</g>
|
|
|
|
<!-- ZR button -->
|
|
<g class="trigger ZR" transform="translate(210,-120)">
|
|
<polygon class="shape" points="5.5,-12.6 5.8,-12.6 6.7,-12.5 8.1,-12.3 8.6,-12.2 9.2,-12.0 9.5,-11.9 9.9,-11.8 10.6,-11.5 11.0,-11.3 11.2,-11.2 11.4,-11.1 11.8,-10.9 12.0,-10.8 12.2,-10.7 12.4,-10.5 12.6,-10.4 12.8,-10.3 13.6,-9.7 13.8,-9.6 13.9,-9.4 14.1,-9.3 14.8,-8.6 15.0,-8.5 15.1,-8.3 15.6,-7.8 15.7,-7.6 16.1,-7.0 16.3,-6.8 16.4,-6.6 16.5,-6.4 16.8,-6.0 16.9,-5.8 17.0,-5.6 17.1,-5.4 17.2,-5.2 17.3,-5.0 17.4,-4.8 17.5,-4.6 17.6,-4.4 17.7,-4.1 17.8,-3.9 17.9,-3.5 18.0,-3.3 18.1,-3.0 18.2,-2.6 18.2,-2.3 18.3,-2.1 18.3,-1.9 18.4,-1.4 18.5,-1.2 18.6,-0.3 18.6,0.0 18.3,13.9 -17.0,13.8 -17.0,13.6 -16.4,-11.4 -16.3,-11.6 -16.1,-11.8 -15.7,-12.0 -15.5,-12.1 -15.1,-12.3 -14.6,-12.4 -13.4,-12.5"/>
|
|
<path class="label" fill-rule="nonzero" d="M -2.6,-2.13 L -5.6,-2.13 L -5.6,-3.23 L -0.8,-3.23 L -0.8,-2.13 L -4.4,2.12 L -0.7,2.12 L -0.7,3.22 L -6.0,3.22 L -6.0,2.12 Z M 1.0,0.0 L 1.0,-0.1 L 1.1,-3.3 L 4.3,-3.2 L 5.1,-3.1 L 5.4,-3.0 L 5.6,-2.9 L 5.7,-2.8 L 5.9,-2.7 L 5.9,-2.6 L 6.0,-2.5 L 6.1,-2.3 L 6.2,-2.2 L 6.2,-2.1 L 6.3,-2.0 L 6.3,-1.9 L 6.2,-0.8 L 6.2,-0.7 L 6.1,-0.6 L 6.1,-0.5 L 6.0,-0.4 L 6.0,-0.3 L 5.9,-0.2 L 5.7,-0.1 L 5.7,0.0 L 5.6,0.1 L 5.4,0.2 L 5.1,0.3 L 4.7,0.4 L 4.7,0.5 L 4.9,0.6 L 5.0,0.7 L 5.2,0.8 L 5.2,0.9 L 5.3,1.0 L 5.5,1.1 L 5.5,1.2 L 5.6,1.3 L 5.7,1.5 L 5.8,1.6 L 5.9,1.8 L 6.0,1.9 L 6.1,2.1 L 6.2,2.2 L 6.2,2.3 L 6.3,2.4 L 6.4,2.6 L 6.5,2.7 L 6.6,2.9 L 6.7,3.0 L 6.7,3.1 L 6.8,3.2 L 6.8,3.3 L 5.3,3.2 L 5.2,3.1 L 5.2,3.0 L 5.1,2.9 L 5.0,2.7 L 4.9,2.6 L 4.8,2.4 L 4.7,2.3 L 4.6,2.1 L 4.5,2.0 L 4.4,1.8 L 4.3,1.7 L 4.1,1.4 L 4.0,1.3 L 3.9,1.1 L 3.8,1.0 L 3.6,0.9 L 3.6,0.8 L 3.5,0.7 L 3.3,0.6 L 2.9,0.5 L 2.3,0.6 L 2.3,0.7 L 2.2,3.3 L 1.0,3.3 L 1.0,0.0 Z M 4.2,-0.5 L 4.4,-0.6 L 4.7,-0.7 L 4.8,-0.8 L 4.9,-1.0 L 5.0,-1.1 L 5.0,-1.2 L 4.9,-1.7 L 4.9,-1.8 L 4.8,-1.9 L 4.8,-2.0 L 4.6,-2.1 L 4.3,-2.2 L 2.3,-2.3 L 2.3,0.6 Z" transform="scale(1.5)"/>
|
|
</g>
|
|
|
|
<!-- Left joystick -->
|
|
<g class="left-stick" transform="translate(-171,-41)">
|
|
<g class="left-stick-movable" transform="translate(0,0)">
|
|
<circle class="shape" cx="0" cy="0" r="12"/>
|
|
<line class="line" x1="-12" y1="0" x2="12" y2="0"/>
|
|
<line class="line" x1="0" y1="-12" x2="0" y2="12"/>
|
|
<circle class="shape inner" cx="0" cy="0" r="9"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Right joystick -->
|
|
<g class="right-stick" transform="translate(171,8)">
|
|
<g class="right-stick-movable" transform="translate(0,0)">
|
|
<circle class="shape" cx="0" cy="0" r="12"/>
|
|
<line class="line" x1="-12" y1="0" x2="12" y2="0"/>
|
|
<line class="line" x1="0" y1="-12" x2="0" y2="12"/>
|
|
<circle class="shape inner" cx="0" cy="0" r="9"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Face buttons -->
|
|
<g class="buttons-face" transform="translate(171,-41)">
|
|
<g class="button A" transform="translate(12.8,0)">
|
|
<circle class="shape" r="6.4"/>
|
|
<polygon class="label" fill-rule="evenodd" points="-1.085,-5.2 1.085,-5.2 5.085,5.0 2.785,5.0 1.785,2.65 -1.785,2.65 -2.785,5.0 -5.085,5.0 -1.4,1.0 0.0,-2.8 1.4,1.0 -1.4,1.0 -5.085,5.0" transform="scale(0.64)"/>
|
|
</g>
|
|
<g class="button B" transform="translate(0,12.8)">
|
|
<circle class="shape" r="6.4"/>
|
|
<polygon class="label" fill-rule="evenodd" points="-4.0,0.0 -4.0,0.0 -4.0,-0.1 -3.8,-5.1 1.8,-5.0 2.3,-4.9 2.6,-4.8 2.8,-4.7 2.9,-4.6 3.1,-4.5 3.2,-4.4 3.4,-4.3 3.4,-4.2 3.5,-4.1 3.7,-4.0 3.7,-3.9 3.8,-3.8 3.8,-3.7 3.9,-3.6 3.9,-3.5 4.0,-3.4 4.0,-3.3 4.1,-3.1 4.1,-3.0 4.0,-2.0 4.0,-1.9 3.9,-1.7 3.9,-1.6 3.8,-1.5 3.8,-1.4 3.7,-1.3 3.7,-1.2 3.6,-1.1 3.6,-1.0 3.5,-0.9 3.3,-0.8 3.3,-0.7 3.2,-0.6 3.0,-0.5 2.9,-0.4 2.7,-0.3 2.9,-0.2 3.2,-0.1 3.3,0.0 3.5,0.1 3.6,0.2 3.8,0.3 3.9,0.4 4.0,0.6 4.1,0.7 4.3,0.8 4.3,0.9 4.4,1.0 4.4,1.1 4.5,1.3 4.5,1.4 4.6,1.6 4.6,1.7 4.5,2.8 4.5,2.9 4.4,3.1 4.4,3.2 4.3,3.4 4.3,3.5 4.2,3.6 4.2,3.7 4.1,3.8 4.1,3.9 4.0,4.0 3.9,4.2 3.8,4.3 3.6,4.4 3.6,4.5 3.4,4.6 3.3,4.7 3.1,4.8 2.8,4.9 2.6,5.0 2.1,5.1 -4.0,5.0 -4.0,4.9 -4.0,0.0 1.1,3.4 1.1,3.4 1.5,3.3 1.8,3.2 2.0,3.1 2.1,3.0 2.3,2.9 2.3,2.8 2.4,2.7 2.4,2.6 2.5,2.3 2.5,2.2 2.4,1.7 2.4,1.6 2.3,1.4 2.3,1.3 2.2,1.2 2.2,1.1 2.1,1.0 1.9,0.9 1.6,0.8 1.4,0.7 -1.9,0.6 -1.9,0.7 -1.8,3.4 1.1,3.4 -4.0,0.0 0.3,-1.1 0.3,-1.1 1.3,-1.2 1.5,-1.3 1.8,-1.4 1.8,-1.5 1.9,-1.6 2.0,-1.8 2.0,-1.9 2.1,-2.0 2.1,-2.1 2.0,-2.7 2.0,-2.8 1.9,-2.9 1.9,-3.0 1.8,-3.1 1.6,-3.2 1.6,-3.3 1.3,-3.4 -1.9,-3.3 -1.9,-3.2 -1.8,-1.0 0.2,-1.1 0.3,-1.1 -4.0,0.0" transform="scale(0.64)"/>
|
|
</g>
|
|
<g class="button X" transform="translate(0,-12.8)">
|
|
<circle class="shape" r="6.4"/>
|
|
<polygon class="label" points="-4.4,-5.0 -2.0,-5.0 0.0,-1.7 2.0,-5.0 4.4,-5.0 1.2,0.0 4.4,5.0 2.0,5.0 0.0,1.7 -2.0,5.0 -4.4,5.0 -1.2,0.0" transform="scale(0.64)"/>
|
|
</g>
|
|
<g class="button Y" transform="translate(-12.8,0)">
|
|
<circle class="shape" r="6.4"/>
|
|
<polygon class="label" points="-4.79,-4.9 -2.44,-4.9 0.0,-0.9 2.44,-4.9 4.79,-4.9 1.05,1.0 1.05,5.31 -1.05,5.31 -1.05,1.0" transform="scale(0.64)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- D-Pad -->
|
|
<g class="dpad" transform="translate(-171,8)">
|
|
<g class="button up">
|
|
<circle class="shape" cx="0" cy="-12.8" r="6.4"/>
|
|
<path class="symbol" d="M 0,-15.5 L -2.7,-11.0 L 2.7,-11.0 Z"/>
|
|
</g>
|
|
<g class="button down">
|
|
<circle class="shape" cx="0" cy="12.8" r="6.4"/>
|
|
<path class="symbol" d="M 0,15.5 L 2.7,11.0 L -2.7,11.0 Z"/>
|
|
</g>
|
|
<g class="button left">
|
|
<circle class="shape" cx="-12.8" cy="0" r="6.4"/>
|
|
<path class="symbol" d="M -15.5,0 L -11.0,-2.7 L -11.0,2.7 Z"/>
|
|
</g>
|
|
<g class="button right">
|
|
<circle class="shape" cx="12.8" cy="0" r="6.4"/>
|
|
<path class="symbol" d="M 15.5,0 L 11.0,2.7 L 11.0,-2.7 Z"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Minus button -->
|
|
<g class="button minus" transform="translate(-155,-67)">
|
|
<rect class="shape" x="-4" y="-1.66" width="8" height="3.32" rx="0.75"/>
|
|
</g>
|
|
|
|
<!-- Plus button -->
|
|
<g class="button plus" transform="translate(155,-67)">
|
|
<path class="shape" transform="scale(0.6) translate(-7.5,-7.5)" d="M 0,6 H 6 V 0 H 9 V 6 H 15 V 9 H 9 V 15 H 6 V 9 H 0 Z"/>
|
|
</g>
|
|
|
|
<!-- Capture/Screenshot button -->
|
|
<g class="button screenshot" transform="translate(-162,39)">
|
|
<rect class="shape" x="-5" y="-5" width="10" height="10" rx="2"/>
|
|
<circle class="symbol" r="3"/>
|
|
</g>
|
|
|
|
<!-- Home button -->
|
|
<g class="button home" transform="translate(161,37)">
|
|
<circle class="shape outer" r="7"/>
|
|
<circle class="shape inner" r="5"/>
|
|
<polygon class="symbol house" fill-rule="evenodd" points="-1.3,0.0 -0.93,0.0 -0.93,1.15 0.93,1.15 0.93,0.0 1.3,0.0 0.0,-1.2 -1.3,0.0 -0.43,0.0 -0.43,0.73 0.43,0.73 0.43,0.0" transform="scale(2.75)"/>
|
|
</g>
|
|
|
|
<!-- Raw joystick visualizers -->
|
|
<g class="left-stick-visual" transform="translate(-50,0)">
|
|
<circle class="joystick-range" r="30"/>
|
|
<circle class="joystick-deadzone" r="4.5"/>
|
|
<circle class="joystick-dot-raw" r="1.5"/>
|
|
<circle class="joystick-dot-cal" r="1.5"/>
|
|
</g>
|
|
<g class="right-stick-visual" transform="translate(50,0)">
|
|
<circle class="joystick-range" r="30"/>
|
|
<circle class="joystick-deadzone" r="4.5"/>
|
|
<circle class="joystick-dot-raw" r="1.5"/>
|
|
<circle class="joystick-dot-cal" r="1.5"/>
|
|
</g>
|
|
|
|
</svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-250 -170 500 300" id="GCController">
|
|
<!-- Joystick Visualization Areas -->
|
|
<g class="raw-joysticks" transform="translate(0, -125)">
|
|
<g class="left-stick-visual" transform="translate(-198, 0)">
|
|
<circle class="joystick-range" cx="0" cy="0" r="45"/>
|
|
<circle class="joystick-deadzone" cx="0" cy="0" r="6.75"/>
|
|
<circle class="joystick-dot-raw" cx="0" cy="0" r="2"/>
|
|
<circle class="joystick-dot-calibrated" cx="0" cy="0" r="2"/>
|
|
</g>
|
|
|
|
<g class="right-stick-visual" transform="translate(198, 0)">
|
|
<circle class="joystick-range" cx="0" cy="0" r="45"/>
|
|
<circle class="joystick-deadzone" cx="0" cy="0" r="6.75"/>
|
|
<circle class="joystick-dot-raw" cx="0" cy="0" r="2"/>
|
|
<circle class="joystick-dot-calibrated" cx="0" cy="0" r="2"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Main controller body -->
|
|
<path class="outline primary" d="M 0,-138.03 L -4.91,-138.01 -8.02,-137.94 -11.14,-137.82 -14.25,-137.67 -17.37,-137.48 -20.48,-137.25 -23.59,-137.0 -26.69,-136.72 -29.8,-136.41 -32.9,-136.07 -35.99,-135.71 -39.09,-135.32 -42.18,-134.91 -45.27,-134.48 -48.35,-134.03 -51.43,-133.55 -54.51,-133.05 -57.59,-132.52 -60.66,-131.98 -63.72,-131.41 -66.78,-130.81 -69.84,-130.2 -72.89,-129.56 -75.94,-128.89 -78.98,-128.21 -82.02,-127.49 -85.05,-126.75 -88.07,-125.99 -91.09,-125.19 -94.1,-124.37 -97.1,-123.52 -100.09,-122.64 -103.07,-121.72 -106.04,-120.77 -109.0,-119.79 -111.95,-118.77 -114.88,-117.71 -117.8,-116.61 -120.7,-115.46 -123.58,-114.27 -126.44,-113.03 -129.27,-111.73 -132.08,-110.38 -134.86,-108.96 -137.6,-107.47 -140.3,-105.91 -142.95,-104.27 -145.55,-102.54 -148.07,-100.71 -150.51,-98.77 -152.86,-96.71 -155.09,-94.54 -157.23,-92.27 -159.26,-89.9 -161.2,-87.46 -163.04,-84.94 -164.78,-82.35 -166.42,-79.7 -167.97,-77.0 -169.43,-74.24 -170.8,-71.44 -172.09,-68.6 -173.29,-65.72 -174.41,-62.81 -175.45,-59.87 -176.42,-56.91 -177.31,-53.92 -178.14,-50.91 -178.9,-47.89 -179.6,-44.85 -180.24,-41.8 -180.82,-38.73 -181.34,-35.66 -181.8,-32.57 -182.21,-29.48 -182.57,-26.38 -182.88,-23.28 -183.15,-20.17 -183.36,-17.06 -183.54,-13.95 -183.71,-10.84 -184.0,-7.73 -184.23,-4.62 -184.44,-1.51 -184.62,1.6 -184.79,4.72 -184.95,7.83 -185.11,10.95 -185.25,14.06 -185.38,17.18 -185.51,20.29 -185.63,23.41 -185.74,26.53 -185.85,29.64 -185.95,32.76 -186.04,35.88 -186.12,39.0 -186.19,42.11 -186.26,45.23 -186.32,48.35 -186.37,51.47 -186.41,54.59 -186.44,57.7 -186.46,60.82 -186.46,63.94 -186.44,70.18 -186.41,73.3 -186.36,76.42 -186.3,79.53 -186.22,82.65 -186.12,85.77 -185.99,88.88 -185.84,92.0 -185.66,95.11 -185.44,98.22 -185.17,101.33 -184.85,104.43 -184.46,107.53 -183.97,110.61 -183.37,113.67 -182.65,116.7 -181.77,119.69 -180.71,122.62 -179.43,125.47 -177.89,128.18 -176.05,130.69 -173.88,132.92 -171.36,134.75 -168.55,136.1 -165.55,136.93 -162.45,137.29 -156.23,137.03 -153.18,136.41 -150.46,134.9 -148.14,132.83 -146.14,130.43 -144.39,127.85 -142.83,125.16 -141.41,122.38 -140.11,119.54 -138.9,116.67 -137.77,113.76 -136.7,110.84 -135.68,107.89 -134.71,104.93 -133.77,101.95 -132.86,98.97 -131.97,95.98 -131.09,92.99 -130.23,89.99 -129.36,86.99 -128.49,84.0 -127.63,81.0 -126.76,78.01 -125.9,75.01 -124.17,69.02 -123.31,66.02 -121.59,60.03 -120.72,57.03 -119.86,54.03 -118.13,48.04 -117.27,45.04 -115.55,39.05 -114.68,36.05 -113.82,33.05 -112.96,30.06 -110.4,28.29 -107.81,26.55 -105.23,24.8 -97.48,19.55 -94.9,17.81 -92.32,16.06 -87.15,12.56 -84.57,10.81 -81.99,9.07 -79.4,7.32 -76.82,5.57 -69.07,0.33 -66.49,-1.42 -58.74,-6.66 -56.16,-8.41 -48.4,-13.64 -45.72,-15.22 -42.93,-16.62 -40.07,-17.86 -37.15,-18.96 -34.19,-19.94 -31.19,-20.79 -28.16,-21.55 -25.12,-22.21 -22.05,-22.79 -18.97,-23.28 -15.88,-23.7 -12.78,-24.05 -9.68,-24.33 -6.57,-24.55 -3.45,-24.69 0,-24.69 L 3.45,-24.69 6.57,-24.55 9.68,-24.33 12.78,-24.05 15.88,-23.7 18.97,-23.28 22.05,-22.79 25.12,-22.21 28.16,-21.55 31.19,-20.79 34.19,-19.94 37.15,-18.96 40.07,-17.86 42.93,-16.62 45.72,-15.22 48.4,-13.64 56.16,-8.41 58.74,-6.66 66.49,-1.42 69.07,0.33 76.82,5.57 79.4,7.32 81.99,9.07 84.57,10.81 87.15,12.56 92.32,16.06 94.9,17.81 97.48,19.55 105.23,24.8 107.81,26.55 110.4,28.29 112.96,30.06 113.82,33.05 114.68,36.05 115.55,39.05 117.27,45.04 118.13,48.04 119.86,54.03 120.72,57.03 121.59,60.03 123.31,66.02 124.17,69.02 125.9,75.01 126.76,78.01 127.63,81.0 128.49,84.0 129.36,86.99 130.23,89.99 131.09,92.99 131.97,95.98 132.86,98.97 133.77,101.95 134.71,104.93 135.68,107.89 136.7,110.84 137.77,113.76 138.9,116.67 140.11,119.54 141.41,122.38 142.83,125.16 144.39,127.85 146.14,130.43 148.14,132.83 150.46,134.9 153.18,136.41 156.23,137.03 162.45,137.29 165.55,136.93 168.55,136.1 171.36,134.75 173.88,132.92 176.05,130.69 177.89,128.18 179.43,125.47 180.71,122.62 181.77,119.69 182.65,116.7 183.37,113.67 183.97,110.61 184.46,107.53 184.85,104.43 185.17,101.33 185.44,98.22 185.66,95.11 185.84,92.0 185.99,88.88 186.12,85.77 186.22,82.65 186.3,79.53 186.36,76.42 186.41,73.3 186.44,70.18 186.46,63.94 186.46,60.82 186.44,57.7 186.41,54.59 186.37,51.47 186.32,48.35 186.26,45.23 186.19,42.11 186.12,39.0 186.04,35.88 185.95,32.76 185.85,29.64 185.74,26.53 185.63,23.41 185.51,20.29 185.38,17.18 185.25,14.06 185.11,10.95 184.95,7.83 184.79,4.72 184.62,1.6 184.44,-1.51 184.23,-4.62 184.0,-7.73 183.71,-10.84 183.54,-13.95 183.36,-17.06 183.15,-20.17 182.88,-23.28 182.57,-26.38 182.21,-29.48 181.8,-32.57 181.34,-35.66 180.82,-38.73 180.24,-41.8 179.6,-44.85 178.9,-47.89 178.14,-50.91 177.31,-53.92 176.42,-56.91 175.45,-59.87 174.41,-62.81 173.29,-65.72 172.09,-68.6 170.8,-71.44 169.43,-74.24 167.97,-77.0 166.42,-79.7 164.78,-82.35 163.04,-84.94 161.2,-87.46 159.26,-89.9 157.23,-92.27 155.09,-94.54 152.86,-96.71 150.51,-98.77 148.07,-100.71 145.55,-102.54 142.95,-104.27 140.3,-105.91 137.6,-107.47 134.86,-108.96 132.08,-110.38 129.27,-111.73 126.44,-113.03 123.58,-114.27 120.7,-115.46 117.8,-116.61 114.88,-117.71 111.95,-118.77 109.0,-119.79 106.04,-120.77 103.07,-121.72 100.09,-122.64 97.1,-123.52 94.1,-124.37 91.09,-125.19 88.07,-125.99 85.05,-126.75 82.02,-127.49 78.98,-128.21 75.94,-128.89 72.89,-129.56 69.84,-130.2 66.78,-130.81 63.72,-131.41 60.66,-131.98 57.59,-132.52 54.51,-133.05 51.43,-133.55 48.35,-134.03 45.27,-134.48 42.18,-134.91 39.09,-135.32 35.99,-135.71 32.9,-136.07 29.8,-136.41 26.69,-136.72 23.59,-137.0 20.48,-137.25 17.37,-137.48 14.25,-137.67 11.14,-137.82 8.02,-137.94 4.91,-138.01 0,-138.03 Z"/>
|
|
|
|
<!-- Left handle -->
|
|
<path class="outline left-handle" d="M -74.59,-97.22 -70.17,-94.19 -65.95,-90.89 -62.06,-87.21 -58.58,-83.14 -55.58,-78.7 -53.08,-73.97 -51.05,-69.01 -49.46,-63.89 -48.24,-58.67 -47.36,-53.39 -46.59,-48.09 -45.7,-42.8 -44.69,-37.54 -43.54,-32.31 -42.25,-27.11 -40.8,-21.95 -39.19,-16.84 -37.38,-11.8 -35.34,-6.84 -33.04,-2.0 -30.39,2.65 -27.26,7.0 -23.84,11.11 -21.19,15.76 -19.18,20.73 -17.73,25.88 -16.82,31.16 -16.46,36.5 -16.7,41.85 -17.63,47.13 -19.31,52.21 -21.8,56.95 -24.91,61.3 -28.41,65.36 -32.28,69.06 -36.51,72.35 -41.09,75.13 -45.97,77.32 -51.1,78.86 -56.39,79.7 -61.74,79.84 -67.07,79.3 -72.3,78.15 -77.39,76.48 -82.29,74.31 -86.76,71.37 -90.7,67.75 -94.16,63.66 -97.27,59.3 -100.21,54.81 -103.09,50.3 -106.03,45.82 -109.11,41.44 -112.37,37.19 -115.85,33.11 -119.54,29.22 -123.45,25.56 -127.55,22.11 -131.77,18.81 -136.04,15.57 -140.34,12.37 -144.62,9.15 -148.86,5.88 -153.03,2.51 -157.05,-1.03 -160.83,-4.83 -164.12,-9.05 -166.71,-13.73 -168.91,-18.62 -170.77,-23.64 -172.3,-28.78 -173.49,-34.0 -174.3,-39.3 -174.72,-44.64 -174.72,-49.99 -174.28,-55.33 -173.37,-60.61 -172.0,-65.79 -170.17,-70.82 -167.79,-75.62 -164.84,-80.09 -161.43,-84.22 -157.67,-88.03 -153.63,-91.55 -149.37,-94.81 -144.94,-97.82 -140.37,-100.61 -135.65,-103.16 -130.73,-105.26 -125.62,-106.86 -120.37,-107.95 -115.05,-108.56 -109.7,-108.69 -104.35,-108.36 -99.05,-107.6 -93.82,-106.41 -88.72,-104.79 -83.78,-102.7 Z"/>
|
|
|
|
<!-- Right handle -->
|
|
<path class="outline right-handle" d="M 74.59,-97.22 70.17,-94.19 65.95,-90.89 62.06,-87.21 58.58,-83.14 55.58,-78.7 53.08,-73.97 51.05,-69.01 49.46,-63.89 48.24,-58.67 47.36,-53.39 46.59,-48.09 45.7,-42.8 44.69,-37.54 43.54,-32.31 42.25,-27.11 40.8,-21.95 39.19,-16.84 37.38,-11.8 35.34,-6.84 33.04,-2.0 30.39,2.65 27.26,7.0 23.84,11.11 21.19,15.76 19.18,20.73 17.73,25.88 16.82,31.16 16.46,36.5 16.7,41.85 17.63,47.13 19.31,52.21 21.8,56.95 24.91,61.3 28.41,65.36 32.28,69.06 36.51,72.35 41.09,75.13 45.97,77.32 51.1,78.86 56.39,79.7 61.74,79.84 67.07,79.3 72.3,78.15 77.39,76.48 82.29,74.31 86.76,71.37 90.7,67.75 94.16,63.66 97.27,59.3 100.21,54.81 103.09,50.3 106.03,45.82 109.11,41.44 112.37,37.19 115.85,33.11 119.54,29.22 123.45,25.56 127.55,22.11 131.77,18.81 136.04,15.57 140.34,12.37 144.62,9.15 148.86,5.88 153.03,2.51 157.05,-1.03 160.83,-4.83 164.12,-9.05 166.71,-13.73 168.91,-18.62 170.77,-23.64 172.3,-28.78 173.49,-34.0 174.3,-39.3 174.72,-44.64 174.72,-49.99 174.28,-55.33 173.37,-60.61 172.0,-65.79 170.17,-70.82 167.79,-75.62 164.84,-80.09 161.43,-84.22 157.67,-88.03 153.63,-91.55 149.37,-94.81 144.94,-97.82 140.37,-100.61 135.65,-103.16 130.73,-105.26 125.62,-106.86 120.37,-107.95 115.05,-108.56 109.7,-108.69 104.35,-108.36 99.05,-107.6 93.82,-106.41 88.72,-104.79 83.78,-102.7 Z"/>
|
|
|
|
<!-- Left trigger (L button) -->
|
|
<g class="trigger ZL button">
|
|
<path class="shape" d="M -99.69,-125.04 -101.81,-126.51 -104.02,-127.85 -106.3,-129.06 -108.65,-130.12 -111.08,-130.99 -113.58,-131.62 -116.14,-131.97 -121.26,-131.55 -123.74,-130.84 -126.17,-129.95 -128.53,-128.9 -130.82,-127.71 -133.03,-126.38 -135.15,-124.92 -137.18,-123.32 -139.11,-121.6 -140.91,-119.75 -142.55,-117.77 -144.0,-115.63 -145.18,-113.34 -146.17,-110.95 -147.05,-108.53 -147.87,-106.08 -148.64,-103.61 -149.37,-101.14 -149.16,-100.12 -147.12,-101.71 -144.99,-103.16 -142.8,-104.53 -140.57,-105.83 -138.31,-107.08 -136.02,-108.27 -133.71,-109.42 -131.38,-110.53 -129.04,-111.61 -126.68,-112.66 -124.31,-113.68 -121.92,-114.67 -119.53,-115.64 -117.13,-116.58 -114.72,-117.51 -112.3,-118.41 -109.87,-119.29 -107.44,-120.16 -105.0,-121.0 -100.11,-122.65 Z"/>
|
|
</g>
|
|
|
|
<!-- Right trigger (R button) -->
|
|
<g class="trigger ZR button">
|
|
<path class="shape" d="M 99.69,-125.04 101.81,-126.51 104.02,-127.85 106.3,-129.06 108.65,-130.12 111.08,-130.99 113.58,-131.62 116.14,-131.97 121.26,-131.55 123.74,-130.84 126.17,-129.95 128.53,-128.9 130.82,-127.71 133.03,-126.38 135.15,-124.92 137.18,-123.32 139.11,-121.6 140.91,-119.75 142.55,-117.77 144.0,-115.63 145.18,-113.34 146.17,-110.95 147.05,-108.53 147.87,-106.08 148.64,-103.61 149.37,-101.14 149.16,-100.12 147.12,-101.71 144.99,-103.16 142.8,-104.53 140.57,-105.83 138.31,-107.08 136.02,-108.27 133.71,-109.42 131.38,-110.53 129.04,-111.61 126.68,-112.66 124.31,-113.68 121.92,-114.67 119.53,-115.64 117.13,-116.58 114.72,-117.51 112.3,-118.41 109.87,-119.29 107.44,-120.16 105.0,-121.0 100.11,-122.65 Z"/>
|
|
</g>
|
|
|
|
<!-- R label (GC trigger) -->
|
|
<g transform="translate(121.5 -119) scale(1.7) translate(0 -1)">
|
|
<path fill="#FFF" d="M 1.0 0.0 L 1.0 -0.1 L 1.1 -3.3 L 4.3 -3.2 L 5.1 -3.1 L 5.4 -3.0 L 5.6 -2.9 L 5.7 -2.8 L 5.9 -2.7 L 5.9 -2.6 L 6.0 -2.5 L 6.1 -2.3 L 6.2 -2.2 L 6.2 -2.1 L 6.3 -2.0 L 6.3 -1.9 L 6.2 -0.8 L 6.2 -0.7 L 6.1 -0.6 L 6.1 -0.5 L 6.0 -0.4 L 6.0 -0.3 L 5.9 -0.2 L 5.7 -0.1 L 5.7 0.0 L 5.6 0.1 L 5.4 0.2 L 5.1 0.3 L 4.7 0.4 L 4.7 0.5 L 4.9 0.6 L 5.0 0.7 L 5.2 0.8 L 5.2 0.9 L 5.3 1.0 L 5.5 1.1 L 5.5 1.2 L 5.6 1.3 L 5.7 1.5 L 5.8 1.6 L 5.9 1.8 L 6.0 1.9 L 6.1 2.1 L 6.2 2.2 L 6.2 2.3 L 6.3 2.4 L 6.4 2.6 L 6.5 2.7 L 6.6 2.9 L 6.7 3.0 L 6.7 3.1 L 6.8 3.2 L 6.8 3.3 L 5.3 3.2 L 5.2 3.1 L 5.2 3.0 L 5.1 2.9 L 5.0 2.7 L 4.9 2.6 L 4.8 2.4 L 4.7 2.3 L 4.6 2.1 L 4.5 2.0 L 4.4 1.8 L 4.3 1.7 L 4.1 1.4 L 4.0 1.3 L 3.9 1.1 L 3.8 1.0 L 3.6 0.9 L 3.6 0.8 L 3.5 0.7 L 3.3 0.6 L 2.9 0.5 L 2.3 0.6 L 2.3 0.7 L 2.2 3.3 L 1.0 3.3 L 1.0 0.0 Z M 4.2 -0.5 L 4.4 -0.6 L 4.7 -0.7 L 4.8 -0.8 L 4.9 -1.0 L 5.0 -1.1 L 5.0 -1.2 L 4.9 -1.7 L 4.9 -1.8 L 4.8 -1.9 L 4.8 -2.0 L 4.6 -2.1 L 4.3 -2.2 L 2.3 -2.3 L 2.3 0.6 Z" />
|
|
</g>
|
|
|
|
<!-- Z button -->
|
|
<g class="trigger R button">
|
|
<path class="shape" d="M 95.74,-126.41 98.34,-126.38 100.94,-126.24 103.53,-126.01 106.11,-125.7 108.69,-125.32 111.25,-124.87 113.8,-124.34 116.33,-123.73 118.84,-123.05 121.33,-122.3 123.79,-121.47 126.23,-120.56 128.64,-119.58 131.02,-118.51 133.35,-117.37 135.65,-116.14 137.9,-114.84 140.1,-113.46 142.25,-111.99 144.35,-110.45 146.38,-108.82 148.35,-107.13 150.25,-105.35 151.89,-103.38 151.43,-100.86 149.15,-100.15 146.73,-101.06 144.36,-102.12 141.98,-103.18 139.6,-104.23 137.22,-105.29 134.85,-106.35 132.47,-107.41 127.72,-109.53 125.34,-110.58 122.96,-111.64 120.59,-112.7 118.21,-113.76 113.46,-115.88 111.09,-116.94 108.71,-118.0 106.33,-119.06 103.96,-120.12 99.21,-122.23 96.83,-123.29 94.46,-124.35 92.08,-125.41 Z"/>
|
|
</g>
|
|
|
|
<!-- Left C-stick -->
|
|
<g class="left-stick" transform="translate(-111,-44)">
|
|
<polygon class="outline" points="0,-36 25.455,-25.455 36,0 25.455,25.455 0,36 -25.455,25.455 -36,0 -25.455,-25.455"/>
|
|
<g class="left-stick-movable" transform="translate(0,0)">
|
|
<circle class="shape" r="26"/>
|
|
<circle class="shape" r="19"/>
|
|
<circle class="shape" r="13.5"/>
|
|
<circle class="shape" r="7.5"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Right C-stick -->
|
|
<g class="right-stick" transform="translate(61,37)">
|
|
<polygon class="outline" points=" 0,-26 18.385,-18.385 26,0 18.385,18.385 0,26 -18.385,18.385 -26,0 -18.385,-18.385" />
|
|
<circle class="outer-circle" r="24"/>
|
|
<g class="right-stick-movable" transform="translate(0,0)">
|
|
<circle class="shape" r="15"/>
|
|
<polygon class="label" points="2.86,6.57 0.99,6.94 -0.91,6.87 -2.73,6.31 -4.23,5.14 -5.2,3.51 -5.65,1.66 -5.68,-0.25 -5.31,-2.12 -4.43,-3.81 -3.01,-5.08 -1.24,-5.78 0.66,-5.94 2.54,-5.67 4.33,-5.00 4.63,-3.27 3.37,-3.70 1.6,-4.40 -0.3,-4.50 -2.09,-3.87 -3.34,-2.45 -3.91,-0.63 -3.95,1.27 -3.49,3.12 -2.37,4.64 -0.65,5.44 1.25,5.47 3.06,4.89 4.63,3.92 4.63,5.83"/>
|
|
</g>
|
|
</g>
|
|
|
|
<g class="buttons-face">
|
|
<g class="button A" transform="translate(111,-44)">
|
|
<circle class="shape" r="21" />
|
|
<path class="label" fill-rule="evenodd" d="M -1.085 -5.2 L 1.085 -5.2 L 5.085 5.0 L 2.785 5.0 L 1.785 2.65 L -1.785 2.65 L -2.785 5.0 L -5.085 5.0 L -1.4 1.0 L 0.0 -2.8 L 1.4 1.0 L -1.4 1.0 L -5.085 5.0 Z" transform="scale(1.5)"/>
|
|
</g>
|
|
|
|
<g class="button B" transform="translate(70,-23)">
|
|
<circle class="shape" r="13"/>
|
|
<path class="label" d="M -4.0 0.0 L -4.0 0.0 L -4.0 -0.1 L -3.8 -5.1 L 1.8 -5.0 L 2.3 -4.9 L 2.6 -4.8 L 2.8 -4.7 L 2.9 -4.6 L 3.1 -4.5 L 3.2 -4.4 L 3.4 -4.3 L 3.4 -4.2 L 3.5 -4.1 L 3.7 -4.0 L 3.7 -3.9 L 3.8 -3.8 L 3.8 -3.7 L 3.9 -3.6 L 3.9 -3.5 L 4.0 -3.4 L 4.0 -3.3 L 4.1 -3.1 L 4.1 -3.0 L 4.0 -2.0 L 4.0 -1.9 L 3.9 -1.7 L 3.9 -1.6 L 3.8 -1.5 L 3.8 -1.4 L 3.7 -1.3 L 3.7 -1.2 L 3.6 -1.1 L 3.6 -1.0 L 3.5 -0.9 L 3.3 -0.8 L 3.3 -0.7 L 3.2 -0.6 L 3.0 -0.5 L 2.9 -0.4 L 2.7 -0.3 L 2.9 -0.2 L 3.2 -0.1 L 3.3 0.0 L 3.5 0.1 L 3.6 0.2 L 3.8 0.3 L 3.9 0.4 L 4.0 0.6 L 4.1 0.7 L 4.3 0.8 L 4.3 0.9 L 4.4 1.0 L 4.4 1.1 L 4.5 1.3 L 4.5 1.4 L 4.6 1.6 L 4.6 1.7 L 4.5 2.8 L 4.5 2.9 L 4.4 3.1 L 4.4 3.2 L 4.3 3.4 L 4.3 3.5 L 4.2 3.6 L 4.2 3.7 L 4.1 3.8 L 4.1 3.9 L 4.0 4.0 L 3.9 4.2 L 3.8 4.3 L 3.6 4.4 L 3.6 4.5 L 3.4 4.6 L 3.3 4.7 L 3.1 4.8 L 2.8 4.9 L 2.6 5.0 L 2.1 5.1 L -4.0 5.0 L -4.0 4.9 L -4.0 0.0 L 1.1 3.4 L 1.1 3.4 L 1.5 3.3 L 1.8 3.2 L 2.0 3.1 L 2.1 3.0 L 2.3 2.9 L 2.3 2.8 L 2.4 2.7 L 2.4 2.6 L 2.5 2.3 L 2.5 2.2 L 2.4 1.7 L 2.4 1.6 L 2.3 1.4 L 2.3 1.3 L 2.2 1.2 L 2.2 1.1 L 2.1 1.0 L 1.9 0.9 L 1.6 0.8 L 1.4 0.7 L -1.9 0.6 L -1.9 0.7 L -1.8 3.4 L 1.1 3.4 L -4.0 0.0 L 0.3 -1.1 L 0.3 -1.1 L 1.3 -1.2 L 1.5 -1.3 L 1.8 -1.4 L 1.8 -1.5 L 1.9 -1.6 L 2.0 -1.8 L 2.0 -1.9 L 2.1 -2.0 L 2.1 -2.1 L 2.0 -2.7 L 2.0 -2.8 L 1.9 -2.9 L 1.9 -3.0 L 1.8 -3.1 L 1.6 -3.2 L 1.6 -3.3 L 1.3 -3.4 L -1.9 -3.3 L -1.9 -3.2 L -1.8 -1.0 L 0.2 -1.1 L 0.3 -1.1 L -4.0 0.0 Z" transform="scale(1.1)"/>
|
|
</g>
|
|
|
|
<g class="button X">
|
|
<path class="shape" d="M 142.1,-50.67 142.44,-48.65 142.69,-46.62 142.8,-44.57 143.0,-42.54 143.56,-40.57 144.42,-38.71 145.59,-37.04 147.08,-35.64 148.86,-34.65 150.84,-34.11 152.88,-34.03 154.89,-34.38 156.79,-35.14 158.49,-36.28 159.92,-37.74 161.04,-39.45 161.85,-41.33 162.4,-43.3 162.72,-45.32 162.85,-47.37 162.82,-49.41 162.67,-51.46 162.39,-53.48 162.0,-55.5 161.51,-57.48 160.9,-59.44 160.17,-61.35 159.25,-63.18 158.19,-64.93 157.01,-66.61 155.72,-68.2 154.31,-69.68 152.78,-71.04 151.09,-72.2 149.23,-73.04 147.22,-73.36 145.19,-73.11 143.26,-72.42 141.51,-71.37 140.0,-69.99 138.82,-68.32 138.13,-66.4 138.09,-64.36 138.39,-62.34 139.05,-60.41 139.91,-58.55 140.62,-56.63 141.21,-54.67 141.67,-52.67 Z"/>
|
|
<path class="label" d="M -4.4 -5.0 L -2.0 -5.0 L 0.0 -1.7 L 2.0 -5.0 L 4.4 -5.0 L 1.2 0.0 L 4.4 5.0 L 2.0 5.0 L 0.0 1.7 L -2.0 5.0 L -4.4 5.0 L -1.2 0.0 Z" transform="translate(151 -53) scale(1.1)"/>
|
|
</g>
|
|
|
|
<g class="button Y">
|
|
<path class="shape" d="M 104.02,-75.23 106.01,-75.74 108.01,-76.15 110.04,-76.42 112.05,-76.78 113.97,-77.49 115.76,-78.49 117.33,-79.79 118.6,-81.39 119.46,-83.25 119.84,-85.26 119.76,-87.3 119.24,-89.28 118.33,-91.11 117.06,-92.71 115.49,-94.02 113.7,-95.01 111.77,-95.67 109.76,-96.05 107.71,-96.21 105.67,-96.18 103.63,-95.99 101.61,-95.67 99.61,-95.24 97.63,-94.69 95.69,-94.04 93.79,-93.28 91.94,-92.4 90.19,-91.34 88.53,-90.14 86.95,-88.84 85.47,-87.42 84.1,-85.9 82.87,-84.26 81.85,-82.49 81.15,-80.57 81.0,-78.54 81.41,-76.54 82.24,-74.67 83.43,-73.01 84.92,-71.61 86.68,-70.57 88.65,-70.03 90.69,-70.15 92.68,-70.61 94.56,-71.42 96.34,-72.43 98.2,-73.29 100.11,-74.03 102.06,-74.65 Z"/>
|
|
<path class="label" d="M -4.79 -4.9 L -2.44 -4.9 L 0.0 -0.9 L 2.44 -4.9 L 4.79 -4.9 L 1.05 1.0 L 1.05 5.31 L -1.05 5.31 L -1.05 1.0 Z" transform="translate(100 -83) scale(1.1) translate(0 -1)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- D-pad (simplified as cross) -->
|
|
<g class="dpad" transform="translate(-61,37)">
|
|
<path class="shape" fill-rule="nonzero" d="M 9.1,-9.1 L 9.1,-30.0 L 8.1,-30.1 L 7.7,-30.1 L -8.6,-30.0 L -9.0,-29.8 L -9.3,-29.5 L -9.5,-29.1 L -9.1,-28.7 L -9.1,-9.1 L -28.7,-9.1 L -29.1,-9.5 L -29.5,-9.3 L -29.8,-9.0 L -30.0,-8.6 L -30.1,-7.7 L -30.1,8.1 L -30.0,9.1 L -9.1,9.1 L -9.1,28.7 L -9.5,29.1 L -9.3,29.5 L -9.0,29.8 L -8.6,30.0 L -7.7,30.1 L 8.1,30.1 L 9.1,30.0 L 9.1,9.1 L 28.7,9.1 L 29.1,9.5 L 29.5,9.3 L 29.8,9.0 L 30.0,8.6 L 30.1,7.7 L 30.1,-8.1 L 30.0,-9.1 L 9.1,-9.1 Z"/>
|
|
<g class="button up" data-id="DUp">
|
|
<path class="shape" d="M 9.1,-9.1 L 9.1,-30.0 L 8.1,-30.1 L 7.7,-30.1 L -8.6,-30.0 L -9.0,-29.8 L -9.3,-29.5 L -9.5,-29.1 L -9.1,-28.7 L -9.1,-9.1 L 0.0,0.6 Z"/>
|
|
<polygon class="label" points="0,-23 -3,-18 3,-18"/>
|
|
</g>
|
|
<g class="button right" data-id="DRight">
|
|
<path class="shape" d="M 9.1,9.1 L 30.0,9.1 L 30.1,8.1 L 30.1,7.7 L 30.0,-8.6 L 29.8,-9.0 L 29.5,-9.3 L 29.1,-9.5 L 28.7,-9.1 L 9.1,-9.1 L -0.6,0.0 Z"/>
|
|
<polygon class="label" points="23,0 18,-3 18,3"/>
|
|
</g>
|
|
<g class="button down" data-id="DDown">
|
|
<path class="shape" d="M -9.1,9.1 L -9.1,30.0 L -8.1,30.1 L -7.7,30.1 L 8.6,30.0 L 9.0,29.8 L 9.3,29.5 L 9.5,29.1 L 9.1,28.7 L 9.1,9.1 L 0.0,-0.6 Z"/>
|
|
<polygon class="label" points="0,23 -3,18 3,18"/>
|
|
</g>
|
|
<g class="button left" data-id="DLeft">
|
|
<path class="shape" d="M -9.1,-9.1 L -30.0,-9.1 L -30.1,-8.1 L -30.1,-7.7 L -30.0,8.6 L -29.8,9.0 L -29.5,9.3 L -29.1,9.5 L -28.7,9.1 L -9.1,9.1 L 0.6,0.0 Z"/>
|
|
<polygon class="label" points="-23,0 -18,-3 -18,3"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Start button (small circle) -->
|
|
<g id="start-pause" class="button home">
|
|
<text text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="9" style="color:#777;" transform="translate(0 -64)">START/PAUSE</text>
|
|
<circle class="shape" cx="0" cy="-44" r="8"/>
|
|
</g>
|
|
|
|
<!-- Button labels (ported from configure_input_player_widget.cpp) -->
|
|
<g id="button-labels" fill="#FFF" stroke="none">
|
|
|
|
<!-- L: center + QPoint(-132, -119), icon_size = 1.7f, also uses (y - 1.0f) in C++ -->
|
|
<g transform="translate(-132 -119) scale(1.7) translate(0 -1)">
|
|
<path d="M 2.4 -3.23 L 2.4 2.1 L 5.43 2.1 L 5.43 3.22 L 0.98 3.22 L 0.98 -3.23 L 2.4 -3.23 Z"/>
|
|
</g>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
</div>
|
|
<div class="center-buttons-motion">
|
|
<div class="input-row"><span>Motion 1</span><button id="buttonMotionLeft">7</button></div>
|
|
<div class="input-row"><span>Motion 2</span><button id="buttonMotionRight">8</button></div>
|
|
</div>
|
|
</div>
|
|
<div id="bottomRightSpacer"></div>
|
|
<div id="bottomRight">
|
|
<div class="input-group">
|
|
<div class="group-title">Face Buttons</div>
|
|
|
|
<div class="input-grid-directional">
|
|
<div class="input-row"><span>X</span><button id="ButtonX">V</button></div>
|
|
<div class="input-row"><span>Y</span><button id="ButtonY">Z</button></div>
|
|
<div class="input-row"><span>A</span><button id="ButtonA">C</button></div>
|
|
<div class="input-row"><span>B</span><button id="ButtonB">X</button></div>
|
|
</div>
|
|
</div>
|
|
<div class="input-group">
|
|
<div class="group-title">Right Stick</div>
|
|
<div class="input-grid-directional">
|
|
<div class="input-row"><span>Up</span><button id="ButtonRStickUp">I</button></div>
|
|
<div class="input-row"><span>Left</span><button id="ButtonRStickLeft">J</button></div>
|
|
<div class="input-row"><span>Right</span><button id="ButtonRStickRight">L</button></div>
|
|
<div class="input-row"><span>Down</span><button id="ButtonRStickDown">K</button></div>
|
|
<div class="input-row"><span>Pressed</span><button id="ButtonRStick">G</button></div>
|
|
<div class="input-row"><span>Modifier</span><button id="ButtonRStickMod"> </button></div>
|
|
<label id="labelRStickDeadzone">Deadzone: <span>0%</span></label>
|
|
<input type="hslider" id="sliderRStickDeadzone" min="0" max="100" value="0" />
|
|
<label id="labelRStickModifierRange">Modifier Range: <span>51%</span></label>
|
|
<input type="hslider" id="sliderRStickModifierRange" min="0" max="100" value="51" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|