Make a blue ball that you can dragg it's game

Click here for free DL of the app version that can save data.

No:19760

108

←

Prev Next

→

Make a blue ball that you can dragg it
Developer User8801｜Date and time 23/10/6 19:06:16
Build time 9.494 sec｜Game capacity 1.663KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
<title>لعبة الكرة الزرقاء</title>
<style>
    #blueBall {
        width: 100px;
        height: 100px;
        background-color: blue;
        border-radius: 50%;
        position: absolute;
    }
</style>
</head>
<body>
    <div id="blueBall"></div>

// Initialize touch event variables
        var initialX = null;
        var initialY = null;
        var currentX = null;
        var currentY = null;

// Add touch event listeners
        blueBall.addEventListener('touchstart', handleTouchStart, false);
        blueBall.addEventListener('touchmove', handleTouchMove, false);

// Function to handle touch start event
        function handleTouchStart(event) {
            var touch = event.touches[0];
            initialX = touch.clientX;
            initialY = touch.clientY;
        }

// Function to handle touch move event
        function handleTouchMove(event) {
            if (initialX === null || initialY === null) {
                return;
            }

var touch = event.touches[0];
            currentX = touch.clientX - initialX;
            currentY = touch.clientY - initialY;

blueBall.style.top = (blueBall.offsetTop + currentY) + 'px';
            blueBall.style.left = (blueBall.offsetLeft + currentX) + 'px';

initialX = touch.clientX;
            initialY = touch.clientY;

event.preventDefault();
        }
    });
</script>
</body>
</html>