Make a controller that moves around's game

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

No:19701

←

Prev Next

→

Make a controller that moves around
Developer User8786｜Date and time 23/10/6 1:45:02
Build time 14.291 sec｜Game capacity 2.519KB｜

Script

Sure! I can provide you with a basic code snippet that creates a game controller using pictograms and allows you to move it around on a smartphone screen. Please find the example below:

In the above code, we have a game controller represented by pictograms (up, left, right, and down arrows) enclosed in `<img>` tags. Each image has an `onclick` attribute that calls the `move()` function with the respective direction as a parameter. The `move()` function updates the position of the controller by changing the `top` and `left` styles of the `controller` div. You would need to replace the `emozi_rabbit.png`, `emozi_hamuster.png`, `emozi_dog.png`, and `emozi_himawari.png` with the actual image files you want to use as pictograms. Please note that the provided code is a basic example and can be further enhanced based on your specific game requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! I can provide you with a basic code snippet that creates a game controller using pictograms and allows you to move it around on a smartphone screen. Please find the example below:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Game Controller</title>
    <style>
        #controller {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <div id="controller">
        <img id="up" src="up.png" alt="Up" onclick="move('up')" />
        <br />
        <img id="left" src="left.png" alt="Left" onclick="move('left')" />
        <img id="right" src="right.png" alt="Right" onclick="move('right')" />
        <br />
        <img id="down" src="down.png" alt="Down" onclick="move('down')" />
    </div>

// Get the position of the controller div
            var controller = document.getElementById('controller');
            var controllerTop = parseInt(controller.style.top);
            var controllerLeft = parseInt(controller.style.left);

// Move the controller based on the provided direction
            switch (direction) {
                case 'up':
                    controller.style.top = (controllerTop - step) + 'px';
                    break;
                case 'left':
                    controller.style.left = (controllerLeft - step) + 'px';
                    break;
                case 'right':
                    controller.style.left = (controllerLeft + step) + 'px';
                    break;
                case 'down':
                    controller.style.top = (controllerTop + step) + 'px';
                    break;
            }
        }
    </script>
</body>
</html>
```

You would need to replace the `up.png`, `left.png`, `right.png`, and `down.png` with the actual image files you want to use as pictograms.

Please note that the provided code is a basic example and can be further enhanced based on your specific game requirements.