AI game creator

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

No:4994

421

←

Prev Next

→

Defeat Dracula
Developer User3806｜Date and time 23/6/29 6:19:07
Build time 15.724 sec｜Game capacity 2.024KB｜

Script

了解です。以下にスマホ操作向けのドラキュラを倒すゲームを作成しました。

🧛‍♂️

このゲームでは、画面上で動き回るドラキュラをタップすることで倒すことが目標です。ドラキュラをタップするとスコアが加算され、ドラキュラは画面内のランダムな場所に再配置されます。画面内のドラキュラを倒すことでスコアを上げて楽しんでください。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解です。以下にスマホ操作向けのドラキュラを倒すゲームを作成しました。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ドラキュラを倒すゲーム</title>
    <style>
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        #dracula {
            font-size: 5rem;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <span id="dracula">🧛‍♂️</span>
    </div>

function getRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

function moveDracula() {
            const screenWidth = window.innerWidth;
            const screenHeight = window.innerHeight;

const dracula = document.getElementById("dracula");
            const draculaWidth = dracula.offsetWidth;
            const draculaHeight = dracula.offsetHeight;

const targetX = getRandomNumber(0, screenWidth - draculaWidth);
            const targetY = getRandomNumber(0, screenHeight - draculaHeight);

dracula.style.left = targetX + "px";
            dracula.style.top = targetY + "px";
        }

function hitDracula() {
            score++;
            moveDracula();
        }

document.addEventListener("DOMContentLoaded", function() {
            moveDracula();

const dracula = document.getElementById("dracula");
            dracula.addEventListener("click", hitDracula);
        });
    </script>
</body>
</html>
```