anelevittuq-bit

.controller {
  width: 800px;
  height: 558px;
  position: relative;
  background-image: url('https://i.imgur.com/5aeifyc.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* Base image */

anelevittuq-bit

.controller {
  width: 800px;
  height: 558px;
  position: relative;
  background-image: url('https://i.imgur.com/5aeifyc.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* Base controller image */

anelevittuq-bit

.controller.custom {
  background: url("https://i.imgur.com/5aeifyc.png") no-repeat;
  width: 800px;
  height: 558px;
  position: relative;
}

.custom .button.base {
  position: absolute;
  left: 0px;

anelevittuq-bit

{"ImageFilename": "https://drive.google.com/uc?export=download&id=1ZJrkQHMXlvHyy9u051AUk5VdUD6m2DmT","Buttons":{"base":{"drawX":0,"drawY":0,"spriteX":0,"spriteY":0,"spriteWidth":800,"spriteHeight":558},"r3":{"drawX":469,"drawY":328,"spriteX":106,"spriteY":627,"spriteWidth":105,"spriteHeight":105},"r3Press":{"drawX":469,"drawY":328,"spriteX":0,"spriteY":627,"spriteWidth":105,"spriteHeight":105},"l3":{"drawX":210,"drawY":328,"spriteX":106,"spriteY":627,"spriteWidth":105,"spriteHeight":105},"l3Press":{"drawX":210,"drawY":328,"spriteX":0,"spriteY":627,"spriteWidth":105,"spriteHeight":105},"dpadLeft":{"drawX":74,"drawY":244,"spriteX":0,"spriteY":560,"spriteWidth":52,"spriteHeight":38},"dpadRight":{"drawX":162,"drawY":244,"spriteX":130,"spriteY":560,"spriteWidth":52,"spriteHeight":38},"dpadDown":{"drawX":124,"drawY":276,"spriteX":53,"spriteY":560,"spriteWidth":38,"spriteHeight":52},"dpadUp":{"drawX":124,"drawY":198,"spriteX":92,"spriteY":560,"spriteWidth":38,"spriteHeight":52},"cross":{"drawX":609,"drawY":303,"spri

anelevittuq-bit

{
  "name": "Simple Skin",
  "images": {
    "controller": "https://i.imgur.com/QKlrZ9q.png"
  },
  "layout": {
    "base": [0, 0, 0, 0, 660, 329]
  }
}