What are you going to do if you get so serious about this game?'s game

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
What are you going to do if you get so serious about this game?'s game | AI game creator

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

No:1788

2154

←

Prev Next

→

What are you going to do if you get so serious abo..ALL
Developer User3025｜Date and time 23/6/19 1:21:59
Build time 20.797 sec｜Game capacity 1.959KB｜

Script

わかりました。以下が提供できるサンプルプログラムとなります。このプログラムは1枚のhtmlファイルに実装されており、JavaScriptを含んでいます。また、スマホで操作が前提で絵文字を多用しています。これはシンプルなゲームで、プレイヤーが矢印キーでシンボルを操作して、移動しているオブジェクトを避けることが目的です。以下がサンプルプログラムとなります。

🔴

このゲームの概要は以下の通りです。プレイヤーが🔴というシンボルを矢印キーで操作し、画面外を回っているオブジェクトと当たらないように避けていく、シンプルなゲームです。画面外に出ると「Game over!」とアラートが表示され、再度プレイするためにはページをリロードする必要があります。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>シンプルゲーム</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
#symbol {
  font-size: 50px;
}
</style>
</head>
<body onkeydown="moveSymbol(event)">
<div id="symbol">🔴</div>
<script>
var symbol = document.getElementById("symbol");
var xPosition = window.innerWidth / 2;
var yPosition = window.innerHeight / 2;
symbol.style.left = xPosition + "px";
symbol.style.top = yPosition + "px";

function moveSymbol(event) {
  switch (event.keyCode) {
    case 37:
      xPosition -= 10;
      break;
    case 38:
      yPosition -= 10;
      break;
    case 39:
      xPosition += 10;
      break;
    case 40:
      yPosition += 10;
      break;
  }
  symbol.style.left = xPosition + "px";
  symbol.style.top = yPosition + "px";

checkCollision();
}

function checkCollision() {
  if (xPosition < 0 || xPosition > window.innerWidth ||
      yPosition < 0 || yPosition > window.innerHeight) {
    alert("Game over!");
    location.reload();
  }
}
</script>
</body>
</html>