Function inputRender

src/engineInput.js:778–846

()

}

function inputRender()
{
    touchGamepadRender();

    function touchGamepadRender()
    {
        if (!touchInputEnable || !isTouchDevice || headlessMode) return;
        if (!touchGamepadEnable || !touchGamepadTimer.isSet() && touchGamepadDisplayTime) return;

        // fade off when not touching or paused
        const alpha = touchGamepadDisplayTime ? percent(touchGamepadTimer.get(), touchGamepadDisplayTime+1, touchGamepadDisplayTime) : 1;
        if (!alpha || paused) return;

        // setup the canvas
        const context = mainContext;
        context.save();
        context.globalAlpha = alpha*touchGamepadAlpha;
        context.strokeStyle = '#fff';
        context.lineWidth = 3;

        // draw left analog stick
        const leftTouchStick = touchGamepadSticks[0] ?? vec2();
        context.fillStyle = leftTouchStick.lengthSquared() > 0 ? '#fff' : '#000';
        context.beginPath();
        const stickCenter = vec2(touchGamepadSize, mainCanvasSize.y-touchGamepadSize);
        if (touchGamepadAnalog)
        {
            // draw circle shaped gamepad
            context.arc(stickCenter.x, stickCenter.y, touchGamepadSize/2, 0, 9);
        }
        else
        {
            // draw cross shaped gamepad
            for (let i=10; --i;)
            {
                const angle = i*PI/4;
                context.arc(stickCenter.x, stickCenter.y,touchGamepadSize*.6, angle + PI/8, angle + PI/8);
                i%2 && context.arc(stickCenter.x, stickCenter.y, touchGamepadSize*.33, angle, angle);
            }
        }
        context.fill();
        context.stroke();

        // draw right face buttons
        {
            const buttonCenter = touchGamepadButtonCenter();
            const buttonSize = touchGamepadButtonCount > 1 ? 
                touchGamepadSize/4 : touchGamepadSize/2;
            for (let i=0; i<touchGamepadButtonCount; i++)
            {
                const j = mod(i-1, 4);
                let button = touchGamepadButtonCount > 2 ? 
                    j : min(j, touchGamepadButtonCount-1);
                // fix button locations (swap 2 and 3 to match gamepad layout)
                button = button === 3 ? 2 : button === 2 ? 3 : button;
                const pos = touchGamepadButtonCount < 2 ? buttonCenter :
                    buttonCenter.add(vec2().setDirection(j, touchGamepadSize/2));
                context.fillStyle = touchGamepadButtons[button] ? '#fff' : '#000';