Game that talks to you if your done creating the game will say hi press this block if your press it it will disable gravity and it will fall the game will say again now move it and if you move it you drag it and have fun's game

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

No:15011

←

Prev Next

→

Game that talks to you if your done creating the g..ALL
Developer User6472｜Date and time 23/9/5 19:32:14
Build time 31.489 sec｜Game capacity 4.125KB｜

Script

Sure! Here's a simple game that you can play on a smartphone. It uses pictograms and incorporates JavaScript to handle the game interactions.

Block

To play the game: 1. Save the HTML code above into a file with a ".html" extension, for example, "gravity_game.html". 2. Open the file in a web browser on your smartphone. 3. Tap on the yellow block to disable gravity. 4. Once gravity is disabled, you can drag the block around the screen using your finger. 5. Have fun moving the block around! Note: For simplicity, this game has a basic user interface and minimal graphics. Feel free to modify and enhance it further according to your preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's a simple game that you can play on a smartphone. It uses pictograms and incorporates JavaScript to handle the game interactions.

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gravity Game</title>
    <style>
        #block {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100px;
            height: 100px;
            background: yellow;
            text-align: center;
            line-height: 100px;
            font-size: 24px;
            cursor: move;
        }
    </style>
</head>
<body>
    <script>
        var block = document.getElementById("block");
        var isGravityEnabled = false;

block.addEventListener("mousedown", dragStart);
        block.addEventListener("touchstart", dragStart);
        window.addEventListener("mouseup", dragEnd);
        window.addEventListener("touchend", dragEnd);
        window.addEventListener("mousemove", drag);
        window.addEventListener("touchmove", drag);

function dragStart(event) {
            if (!isGravityEnabled) {
                return;
            }

event.preventDefault();
            block.style.backgroundColor = "green";
            block.style.color = "white";
            block.style.opacity = "0.7";

if (event.type === "touchstart") {
                block.prevX = event.touches[0].clientX;
                block.prevY = event.touches[0].clientY;
            } else {
                block.prevX = event.clientX;
                block.prevY = event.clientY;
            }
        }

function drag(event) {
            if (!isGravityEnabled) {
                return;
            }

event.preventDefault();

var newX, newY;

if (event.type === "touchmove") {
                newX = event.touches[0].clientX;
                newY = event.touches[0].clientY;
            } else {
                newX = event.clientX;
                newY = event.clientY;
            }

var deltaX = newX - block.prevX;
            var deltaY = newY - block.prevY;

block.style.left = (block.offsetLeft + deltaX) + "px";
            block.style.top = (block.offsetTop + deltaY) + "px";

block.prevX = newX;
            block.prevY = newY;
        }

function dragEnd(event) {
            if (!isGravityEnabled) {
                return;
            }

block.style.backgroundColor = "yellow";
            block.style.color = "black";
            block.style.opacity = "1";
        }

function enableGravity() {
            isGravityEnabled = true;
            block.style.transition = "top 2s ease-in-out";
        }

function disableGravity() {
            isGravityEnabled = false;
            block.style.transition = "";
            block.style.top = "50%";
            block.style.left = "50%";
        }

function startGame() {
            alert("Hi! Press the block to disable gravity.");
            enableGravity();
            block.removeEventListener("mousedown", startGame);
            block.removeEventListener("touchstart", startGame);

setTimeout(function() {
                alert("Now move the block around and have fun!");
            }, 2000);
        }
        
        block.addEventListener("mousedown", startGame);
        block.addEventListener("touchstart", startGame);
    </script>

<div id="block">Block</div>
</body>
</html>
```

Note: For simplicity, this game has a basic user interface and minimal graphics. Feel free to modify and enhance it further according to your preferences.