Rim-Modules/gamepad-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improved dpad drawing

Browse Source
This commit is contained in:
e7d 2016-11-12 09:20:55 +01:00
parent bf1bbfd141
commit 1693e06ff9
2 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
templates/xbox-one/dpad.svg
View File

@ -1,22 +1,22 @@
<svg xmlns="http://www.w3.org/2000/svg" width="70.659" height="128.036" viewBox="0 0 70.659 128.036">
<path fill="#EBEBEB" d="M40.432 41.552V7.333c0-.043.007-.093.014-.142l.06-.227c.029-.041.066-.107.082-.133.495-.809 2.105-1.517 4.535-1.992.305-.068.594-.126.889-.182a9.59 9.59 0 0 1 .958-.135c.035-.003.128-.016.163-.026.255-.029.578-.072.906-.111a42.72 42.72 0 0 1 2.041-.192l2.369-.077c.353-.008.701-.012 1.047-.012 7.325 0 13.063 1.418 13.063 3.229l.001 34.219-13.065 13.052-13.063-13.052z"/>
<path fill="#EDF4F4" d="M53.495 4.604c8.089 0 12.563 1.613 12.563 2.729l.001.044v33.968L53.495 53.897 40.932 41.344V7.336c0-.021.004-.043.004-.043l.002-.011.001-.003c.013-.035.029-.094.039-.134l.036-.055c.153-.25.906-1.114 4.186-1.759a21.91 21.91 0 0 1 .894-.183l.081-.014a8.42 8.42 0 0 1 .795-.114c.048-.002.113-.006.188-.02.309-.042.612-.082.919-.119l.024-.003c.328-.04.663-.075 1.002-.107a38.872 38.872 0 0 1 1.005-.081l.117-.006c.19-.008.382-.013.574-.017l.395-.01a62.737 62.737 0 0 1 1.148-.041l.124-.001c.342-.007.686-.011 1.029-.011m0-1a46.123 46.123 0 0 0-1.177.014 64.69 64.69 0 0 0-1.16.041c-.327.01-.654.014-.977.028l-.138.007c-.335.023-.668.05-.996.081-.014.001-.027.003-.041.003-.348.033-.691.07-1.027.11h-.002a70.504 70.504 0 0 0-1.048.135 9.135 9.135 0 0 0-.938.13l-.074.012c-.301.057-.596.116-.88.181l-.013.002c-2.427.475-4.25 1.215-4.865 2.222a.58.58 0 0 0-.106.165l-.009.017-.044.182-.017.041a1.851 1.851 0 0 0-.033.142 1.55 1.55 0 0 0-.02.216v34.426l13.563 13.552 13.564-13.552V7.334h-.001v-.001c.002-2.502-6.794-3.729-13.561-3.729z"/>
<path fill="#DBDBDB" d="M45.026 4.347l.013-.002c.284-.064.579-.124.88-.181l.074-.012a9.38 9.38 0 0 1 .997-.137c.333-.045.658-.088.989-.128h.002c.336-.041.679-.077 1.027-.11.014 0 .027-.002.041-.003a44.12 44.12 0 0 1 1.134-.088c.323-.014.649-.018.977-.028a64.69 64.69 0 0 1 1.16-.041l.125-.002c.35-.008.702-.012 1.052-.012 6.768 0 13.563 1.227 13.563 3.729l2.755-2.772c-.902-1.367-2.715-2.707-6.145-3.524C60.927.362 57.313 0 53.495 0c-3.846 0-7.459.362-10.18 1.036-2.94.717-4.715 1.796-5.725 2.963l2.57 2.57c.616-1.006 2.439-1.747 4.866-2.222z"/>
<path fill="#E3E3E3" d="M67.058 7.333l.001 34.425 3.6-3.625v-30.8c0-.852-.222-1.835-.846-2.773l-2.755 2.773z"/>
<path fill="#D6D6D6" d="M39.932 7.333a1.4 1.4 0 0 1 .053-.358l.017-.041c.015-.062.028-.122.045-.183l.009-.017a.602.602 0 0 1 .106-.165l-2.57-2.57c-.971 1.121-1.262 2.293-1.262 3.334v30.802l3.602 3.625V7.333z"/>
<path fill="#EBEBEB" d="M17.166 51.211c-7.132 0-12.742-1.323-13.049-3.078a.972.972 0 0 1-.014-.148V13.768L17.166.707 30.23 13.769v34.217a.951.951 0 0 1-.015.152c-.306 1.75-5.917 3.073-13.049 3.073z"/>
<path fill="#EDF4F4" d="M17.166 1.414L29.73 13.976v34.009c0 .021-.004.046-.006.063-.195 1.117-4.668 2.664-12.558 2.664-7.889 0-12.361-1.547-12.556-2.656-.004-.027-.008-.054-.008-.07v-34.01L17.166 1.414m0-1.414L3.602 13.562v34.424c0 .07.007.152.021.234.408 2.329 6.975 3.491 13.542 3.491 6.568 0 13.135-1.162 13.542-3.491.014-.082.021-.165.021-.234V13.562L17.166 0z"/>
<path fill="#F0F0F0" d="M30.729 47.985l2.754 2.77c.624-.945.846-1.92.846-2.77V17.182l-3.6-3.62v34.423z"/>
<path fill="#E8E8E8" d="M30.708 48.22c-.407 2.329-6.975 3.491-13.542 3.491S4.032 50.549 3.624 48.22a1.439 1.439 0 0 1-.021-.234L.818 50.757c.929 1.367 2.743 2.702 6.168 3.522 2.721.672 6.333 1.041 10.18 1.041 3.818 0 7.432-.369 10.175-1.041 3.43-.82 5.243-2.157 6.143-3.524l-2.754-2.77a1.57 1.57 0 0 1-.022.235z"/>
<path fill="#E3E3E3" d="M3.603 47.985V13.561L0 17.182v31.65l.093.236c.128.545.345 1.119.724 1.689l2.786-2.772z"/>
<path fill="#EBEBEB" d="M13.771 87.558L.708 74.497l13.063-13.052h34.212c1.809 0 3.226 5.735 3.226 13.057s-1.417 13.057-3.226 13.057H13.771z"/>
<path fill="#EDF4F4" d="M47.983 61.945c1.138 0 2.726 4.777 2.726 12.556 0 7.78-1.588 12.557-2.726 12.557H13.978L1.415 74.497l12.563-12.552h34.005m0-1H13.564L0 74.497l13.564 13.562h34.419c4.968-.001 4.968-27.114 0-27.114z"/>
<path fill="#E6E6E6" d="M47.983 60.945l2.755-2.778a4.983 4.983 0 0 0-2.755-.846H17.165l-3.601 3.625 34.419-.001z"/>
<path fill="#E8E8E8" d="M47.983 88.058H13.564l3.6 3.62h32.315l.34-.345c.308-.128.617-.303.925-.498l-2.761-2.777z"/>
<path fill="#F0F0F0" d="M50.738 58.167l-2.755 2.778c4.967 0 4.967 27.113 0 27.113l2.76 2.777c1.369-.93 2.705-2.747 3.548-6.147.664-2.746 1.032-6.357 1.032-10.192 0-3.831-.368-7.442-1.032-10.188-.844-3.401-2.18-5.212-3.553-6.141z"/>
<path fill="#EBEBEB" d="M7.34 123.916c-1.82 0-3.247-5.735-3.247-13.057S5.52 97.803 7.34 97.803h34.213l13.063 13.052-13.063 13.062H7.34z"/>
<path fill="#EDF4F4" d="M41.346 98.303l12.563 12.552-12.563 12.561H7.34c-1.147 0-2.746-4.776-2.746-12.556 0-7.78 1.6-12.558 2.747-12.558h34.005m.414-.999H7.34c-4.995 0-4.995 27.113 0 27.113h34.42l13.563-13.562L41.76 97.303z"/>
<path fill="#DBDBDB" d="M41.76 97.303l-3.602-3.625H7.341c-.863 0-1.822.226-2.784.846l2.784 2.778 34.419.001z"/>
<path fill="#D6D6D6" d="M7.34 97.303l-2.783-2.778c-1.367.93-2.679 2.74-3.525 6.143C.368 103.413 0 107.025 0 110.854c0 3.835.368 7.447 1.032 10.193.845 3.402 2.158 5.212 3.525 6.143l2.783-2.774c-4.995 0-4.995-27.113 0-27.113z"/>
<path fill="#E5E5E5" d="M7.34 124.416l-2.783 2.774c.961.62 1.92.846 2.783.846h30.817l3.603-3.62H7.34z"/>
<svg xmlns="http://www.w3.org/2000/svg" width="70.66" height="128.036" viewBox="0 0 70.66 128.036">
<path fill="#EBEBEB" d="M40.064 42.069V7.424c0-.043.006-.094.012-.144l.061-.229c.029-.042.064-.108.08-.135.492-.819 2.086-1.536 4.492-2.017.303-.068.588-.127.881-.184.314-.063.629-.108.949-.137.035-.003.127-.016.16-.026.254-.03.572-.073.898-.113a41.473 41.473 0 0 1 2.021-.194l2.346-.078c.35-.008.693-.012 1.037-.012 7.254 0 12.938 1.436 12.938 3.269v34.645L53.001 55.284 40.064 42.069z"/>
<path fill="#EDF4F4" d="M53.001 4.661c8.01 0 12.441 1.633 12.441 2.763V41.86L53.001 54.568 40.558 41.859V7.427c0-.021.004-.043.004-.043l.002-.011.002-.003c.012-.035.027-.095.037-.136l.037-.056c.15-.253.896-1.128 4.146-1.781.293-.068.588-.13.885-.186l.08-.014a8.24 8.24 0 0 1 .787-.115 1.29 1.29 0 0 0 .186-.02c.305-.043.605-.083.91-.121l.023-.003a37.117 37.117 0 0 1 1.988-.19l.115-.006c.189-.008.379-.013.568-.017l.393-.01c.379-.018.756-.032 1.135-.042l.125-.001c.339-.006.679-.011 1.02-.011m0-1.012a45.33 45.33 0 0 0-2.316.056c-.322.01-.648.014-.967.028l-.136.007c-.332.023-.662.051-.986.082-.014.001-.027.003-.041.003-.344.034-.684.071-1.018.112h-.002c-.346.042-.691.088-1.037.137a8.816 8.816 0 0 0-.928.131l-.074.012c-.297.058-.592.118-.873.184l-.012.002c-2.404.481-4.209 1.23-4.818 2.25a.59.59 0 0 0-.105.167l-.008.017-.045.185-.016.042a1.157 1.157 0 0 0-.033.144 1.591 1.591 0 0 0-.02.218V42.28L53 56l13.432-13.721V7.424c.001-2.533-6.729-3.775-13.431-3.775z"/>
<path fill="#DBDBDB" d="M44.613 4.401l.012-.002c.283-.064.576-.125.873-.183l.074-.012c.326-.064.654-.11.986-.139.33-.046.652-.089.979-.129h.002c.334-.042.674-.078 1.018-.112.014 0 .027-.002.041-.003.375-.035.748-.064 1.123-.089.318-.014.643-.018.967-.028.383-.018.766-.031 1.15-.042l.122-.002c.346-.008.695-.012 1.043-.012 6.701 0 13.432 1.242 13.432 3.775l2.729-2.807c-.893-1.384-2.689-2.741-6.086-3.568C60.361.366 56.781 0 53.001 0c-3.811 0-7.389.366-10.084 1.049-2.912.726-4.668 1.818-5.67 3l2.545 2.602c.612-1.019 2.416-1.769 4.821-2.25z"/>
<path fill="#E3E3E3" d="M66.433 7.424v34.854L70 38.608V7.424c0-.863-.221-1.858-.838-2.808l-2.729 2.808z"/>
<path fill="#D6D6D6" d="M39.568 7.424c.002-.123.02-.244.053-.362l.016-.042.045-.186.01-.017a.6.6 0 0 1 .104-.167L37.25 4.049C36.289 5.184 36 6.371 36 7.424V38.61l3.568 3.67V7.424z"/>
<path fill="#EBEBEB" d="M17.001 51.841c-7.063 0-12.62-1.339-12.924-3.116a.93.93 0 0 1-.014-.15V13.938L17.001.716 29.94 13.938v34.637a.874.874 0 0 1-.015.154c-.302 1.772-5.86 3.112-12.924 3.112z"/>
<path fill="#EDF4F4" d="M17.001 1.432l12.443 12.716v34.427c0 .021-.004.047-.006.064-.193 1.131-4.623 2.697-12.438 2.697-7.813 0-12.242-1.566-12.436-2.688-.003-.028-.007-.055-.007-.071V14.148L17.001 1.432m0-1.432L3.567 13.729v34.847c0 .071.007.154.021.237.404 2.357 6.909 3.534 13.412 3.534 6.505 0 13.009-1.176 13.412-3.534.014-.083.021-.167.021-.237V13.729L17.001 0z"/>
<path fill="#F0F0F0" d="M30.435 48.575l2.728 2.804A5.146 5.146 0 0 0 34 48.575V17.394l-3.565-3.665v34.846z"/>
<path fill="#E8E8E8" d="M30.414 48.813c-.403 2.358-6.908 3.534-13.412 3.534S3.994 51.17 3.589 48.813a1.44 1.44 0 0 1-.021-.237L.81 51.381c.92 1.384 2.717 2.735 6.109 3.565C9.614 55.627 13.191 56 17.001 56c3.781 0 7.361-.373 10.077-1.054 3.397-.83 5.193-2.184 6.084-3.567l-2.728-2.804c0 .08-.007.159-.02.238z"/>
<path fill="#E3E3E3" d="M3.568 48.575V13.728L0 17.394v32.039l.092.239c.127.551.342 1.133.717 1.709l2.759-2.806z"/>
<path fill="#EBEBEB" d="M13.939 86.922L.717 73.997 13.94 61.081h34.63c1.831 0 3.265 5.675 3.265 12.921s-1.434 12.922-3.265 12.922H13.94v-.002z"/>
<path fill="#EDF4F4" d="M48.57 61.576c1.151 0 2.759 4.728 2.759 12.425 0 7.701-1.607 12.428-2.759 12.428H14.149L1.432 73.997l12.717-12.421H48.57m0-.99H13.73L0 73.997l13.73 13.422h34.84c5.028-.001 5.028-26.833 0-26.833z"/>
<path fill="#E6E6E6" d="M48.57 60.586l2.788-2.749A5.115 5.115 0 0 0 48.57 57H17.375l-3.645 3.587 34.84-.001z"/>
<path fill="#E8E8E8" d="M48.57 87.418H13.73L17.374 91h32.709l.345-.342c.311-.127.624-.301.936-.494l-2.794-2.746z"/>
<path fill="#F0F0F0" d="M51.358 57.837l-2.788 2.749c5.028 0 5.028 26.832 0 26.832l2.794 2.746c1.385-.92 2.738-2.717 3.591-6.082.671-2.716 1.045-6.29 1.045-10.085 0-3.791-.373-7.365-1.045-10.082-.855-3.366-2.207-5.158-3.597-6.078z"/>
<path fill="#EBEBEB" d="M7.43 122.924c-1.842 0-3.287-5.677-3.287-12.923 0-7.244 1.445-12.919 3.287-12.919h34.631l13.224 12.915-13.224 12.927H7.43z"/>
<path fill="#EDF4F4" d="M41.852 97.578l12.717 12.42-12.717 12.432H7.43c-1.161 0-2.779-4.728-2.779-12.426s1.619-12.428 2.78-12.428h34.421m.418-.989H7.43c-5.056 0-5.056 26.832 0 26.832h34.84L56 109.998 42.27 96.587z"/>
<path fill="#DBDBDB" d="M42.27 96.587L38.625 93H7.431c-.874 0-1.844.223-2.818.837l2.818 2.748 34.839.002z"/>
<path fill="#D6D6D6" d="M7.43 96.587l-2.817-2.75c-1.384.922-2.712 2.712-3.568 6.081C.373 102.633 0 106.208 0 109.998c0 3.794.373 7.37 1.045 10.087.855 3.367 2.184 5.157 3.568 6.079l2.817-2.744c-5.056-.001-5.056-26.833 0-26.833z"/>
<path fill="#E5E5E5" d="M7.43 123.419l-2.817 2.744c.972.613 1.943.837 2.817.837h31.195l3.646-3.581H7.43z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

16
templates/xbox-one/template.css
View File

@ -215,9 +215,9 @@
}
.gamepad .face.up {
background-position: 34px 0;
background-position: 35px 0;
left: 38px;
top: 0px;
top: 1px;
width: 34px;
height: 56px;
}
@ -231,16 +231,16 @@
.gamepad .face.left {
background-position: 0 -93px;
width: 55px;
height: 35px;
top: 38px;
width: 56px;
height: 34px;
top: 39px;
left: 0;
}
.gamepad .face.right {
background-position: 0 -57px;
width: 55px;
height: 35px;
top: 38px;
width: 56px;
height: 34px;
top: 39px;
right: 0;
}