gamepad.updateButton = function ($button) {
    const value = parseFloat($button.attr('data-value'), 10);

    if ($button.is('.trigger')) {
        $button.css({
            '-webkit-clip-path': 'inset(' + (1 - value) * 100 + '% 0px 0px 0pc)'
        });
    }
}

gamepad.updateAxis = function ($axis) {
    const axisX = $axis.attr('data-value-x');
    const axisY = $axis.attr('data-value-y');
    const axisZ = $axis.attr('data-value-z');

    if ($axis.is('.stick')) {
        $axis.css({
            'margin-top': axisY * 25,
            'margin-left': axisX * 25,
            'transform': 'rotateX(' + -parseFloat(axisY * 30, 8) + 'deg) rotateY(' + parseFloat(axisX * 30, 8) + 'deg)'
        });
    }
}