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");

    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)`
        });
    }
};