ボールを指で引っ張って伸ばしたり縮めたりする's game

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

No:44889

←

Prev Next

→

ボールを指で引っ張って伸ばしたり縮めたりする
Developer User19503｜Date and time 24/2/19 16:39:39
Build time 4.544 sec｜Game capacity 1.184KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Stretchy Ball Game</title>
    <style>
        #ball {
            width: 50px;
            height: 50px;
            background-color: red;
            border-radius: 50%;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="ball"></div>

ball.addEventListener('touchstart', (e) => {
            isDragging = true;
            startX = e.touches[0].clientX;
            startY = e.touches[0].clientY;
        });

ball.addEventListener('touchmove', (e) => {
            if (isDragging) {
                endX = e.touches[0].clientX;
                endY = e.touches[0].clientY;
                const distance = Math.sqrt(Math.pow(endX - startX, 2) + Math.pow(endY - startY, 2));
                ball.style.width = `${50 + distance}px`;
                ball.style.height = `${50 + distance}px`;
            }
        });

ball.addEventListener('touchend', () => {
            isDragging = false;
        });
    </script>
</body>
</html>