Faz um personagem que tem movimentação de direita esquerda para cima e para baixo's game

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

No:13130

173

←

Prev Next

→

Faz um personagem que tem movimentação de direita ..ALL
Developer User5784｜Date and time 23/8/27 4:03:28
Build time 8.795 sec｜Game capacity 1.659KB｜

Script

🚶

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
        #character {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 40px;
        }
    </style>
</head>
<body>
    <script>
        var character = document.getElementById("character");
        var stepSize = 10;

document.addEventListener("DOMContentLoaded", function() {
            window.addEventListener("keydown", function(event) {
                var key = event.key;

if (key === "ArrowUp") {
                    moveUp();
                } else if (key === "ArrowDown") {
                    moveDown();
                } else if (key === "ArrowLeft") {
                    moveLeft();
                } else if (key === "ArrowRight") {
                    moveRight();
                }
            });

function moveUp() {
                var topPos = parseInt(character.style.top);
                character.style.top = (topPos - stepSize) + "%";
            }

function moveDown() {
                var topPos = parseInt(character.style.top);
                character.style.top = (topPos + stepSize) + "%";
            }

function moveLeft() {
                var leftPos = parseInt(character.style.left);
                character.style.left = (leftPos - stepSize) + "%";
            }

function moveRight() {
                var leftPos = parseInt(character.style.left);
                character.style.left = (leftPos + stepSize) + "%";
            }
        });
    </script>