Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Drone vs.'s game | AI game creator

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

No:4376

1933

←

Prev Next

→

Drone vs.
Developer User3727｜Date and time 23/6/27 21:02:15
Build time 18.664 sec｜Game capacity 1.866KB｜

Script

というゲームを作りました。

ドローンvsドローン

画面をタップするとドローンが上昇します。

このゲームは、プレイヤーのドローンと敵のドローンが画面の下部から上昇してくるというものです。画面をタップするとプレイヤーのドローンが上がり、敵のドローンとぶつかるとゲームオーバーになります。スコアは敵のドローンをよけるごとに1点加算されます。絵文字を使い、スマホで操作できるように作っています。また、JavaScriptを含み、1枚のHTMLファイルとして実装されています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

というゲームを作りました。

<html>
<head>
<title>ドローンvsドローン</title>
</head>
<body>
<h1>ドローンvsドローン</h1>
<p>画面をタップするとドローンが上昇します。</p>
<div id="player"></div>
<div id="enemy"></div>
<script>
var player = document.getElementById("player");
var enemy = document.getElementById("enemy");
var score = 0;

player.innerHTML = "🛩️";
enemy.innerHTML = "🚁";

player.style.position = "absolute";
player.style.left = "10%";
player.style.bottom = "10%";

enemy.style.position = "absolute";
enemy.style.right = "10%";
enemy.style.bottom = "10%";

enemy.addEventListener("animationend", function(){
    var enemyY = parseInt(window.getComputedStyle(enemy).getPropertyValue("bottom"));
    var playerY = parseInt(window.getComputedStyle(player).getPropertyValue("bottom"));
    if(enemyY == playerY){
        alert("Game Over! Score: " + score);
        location.reload();
    }
});

document.addEventListener("click", function(){
    player.style.bottom = parseInt(window.getComputedStyle(player).getPropertyValue("bottom")) + 10 + "%";
    score++;
});

var moveEnemy = setInterval(function(){
    var enemyY = parseInt(window.getComputedStyle(enemy).getPropertyValue("bottom"));
    enemy.style.bottom = enemyY + 10 + "%";
}, 1000);
</script>
</body>
</html>