AI game creator

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

No:52760

232

←

Prev Next

→

Pizza tower
Developer User22126｜Date and time 24/3/24 14:06:33
Build time 6.197 sec｜Game capacity 1.25KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
    <title>Pizza Tower Game</title>
    <style>
        body {
            background-color: #f5f5f5;
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        #pizza {
            width: 100px;
            height: 100px;
            background-image: url('https://image.flaticon.com/icons/png/512/1046/1046768.png');
            background-size: cover;
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
        }
    </style>
</head>
<body>
    <div id="pizza"></div>
    <script>
        let pizza = document.getElementById('pizza');

window.addEventListener('deviceorientation', handleOrientation);

function handleOrientation(event) {
            let x = event.beta; // In degree in the range [-180,180]
            let y = event.gamma; // In degree in the range [-90,90]

let screenWidth = window.innerWidth;
            let xPosition = (x + 90) / 180 * screenWidth;

pizza.style.left = `${xPosition}px`;
        }
    </script>
</body>
</html>