AI game creator

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

No:8301

102

←

Prev Next

→

Spider man
Developer User4162｜Date and time 23/7/14 23:36:20
Build time 16.008 sec｜Game capacity 2.439KB｜

Script

En tant que programmeur, voici un exemple de jeu implémenté en tant que fichier HTML unique, encadré par balises de script et utilisant JavaScript. Vous pouvez le jouer en utilisant les commandes adaptées aux opérations sur smartphone.

🕷️

Ce jeu simple met en scène Spider-Man représenté par l'émoji 🕷️. Vous pouvez contrôler ses mouvements à l'aide des touches directionnelles de votre smartphone. Spider-Man se déplacera dans la direction correspondante lorsqu'une touche est enfoncée.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Spider-Man Game</title>
    <style>
        #spiderman {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 50px;
            user-select: none;
        }
    </style>
</head>
<body>
    <div id="spiderman">🕷️</div>

function moveSpiderman(direction) {
                switch (direction) {
                    case "left":
                        spiderman.style.left = parseInt(spiderman.style.left) - 10 + "px";
                        break;
                    case "right":
                        spiderman.style.left = parseInt(spiderman.style.left) + 10 + "px";
                        break;
                    case "up":
                        spiderman.style.top = parseInt(spiderman.style.top) - 10 + "px";
                        break;
                    case "down":
                        spiderman.style.top = parseInt(spiderman.style.top) + 10 + "px";
                        break;
                }
            }

document.addEventListener("keydown", function(event) {
                switch (event.keyCode) {
                    case 37: // Left arrow key
                        moveSpiderman("left");
                        break;
                    case 39: // Right arrow key
                        moveSpiderman("right");
                        break;
                    case 38: // Up arrow key
                        moveSpiderman("up");
                        break;
                    case 40: // Down arrow key
                        moveSpiderman("down");
                        break;
                }
            });
        });
    </script>
</body>
</html>
```