I dont want ranking in a hishashi game! 🤬💢Game's game

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

No:4092

←

Prev Next

→

I dont want ranking in a hishashi game! 🤬💢Game
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/27 12:09:17
Build time 26.655 sec｜Game capacity 2.717KB｜

Script

を作ることに集中します！わかりました。私は、スマホで遊べる簡単なシューティングゲームを作成します。以下がプログラムです。

このプログラムは、ブラウザ上で実行されるシューティングゲームです。プレイヤーは青い円で表現され、左右移動が可能です。スペースキーを押すと、黄色い縦棒の弾が発射されます。弾は画面上部に到達すると自動的に消滅し、次の弾を発射することができます。弾とプレイヤーが衝突すると、弾は消滅し、プレイヤーはゲームオーバーになります。また、スマートフォンでも操作しやすいように、画面サイズに対応して自動的に位置が調整されます。

←

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>
		body {
			background-color: black;
			color: white;
		}

#player {
			position: absolute;
			top: 90%;
			left: 50%;
			transform: translate(-50%, -50%);
			height: 50px;
			width: 50px;
			background-color: blue;
			border-radius: 50%;
		}

#bullet {
			position: absolute;
			top: 80%;
			left: 50%;
			transform: translate(-50%, -50%);
			height: 10px;
			width: 5px;
			background-color: yellow;
		}
	</style>
</head>
<body>
	<div id="player"></div>
	<div id="bullet"></div>

let bulletInterval;
		let bulletSpeed = 5;

let keys = {};

document.addEventListener("keydown", function(e) {
			keys[e.key] = true;
		});

document.addEventListener("keyup", function(e) {
			keys[e.key] = false;
		});

function update() {
			if (keys["ArrowLeft"] && (player.offsetLeft > 0)) {
				player.style.left = parseInt(player.style.left) - 5 + "px";
			}

if (keys["ArrowRight"] && (player.offsetLeft < window.innerWidth)) {
				player.style.left = parseInt(player.style.left) + 5 + "px";
			}

if (keys[" "] && !bulletInterval) {
				bulletInterval = setInterval(function() {
					bullet.style.top = parseInt(bullet.style.top) - bulletSpeed + "px";
					if (bullet.offsetTop < 0) {
						clearInterval(bulletInterval);
						bulletInterval = null;
						bullet.style.top = "80%";
					}
				}, 16);
			}

if (bullet.offsetTop <= player.offsetTop) {
				if ((bullet.offsetLeft > player.offsetLeft) && (bullet.offsetLeft < (player.offsetLeft + player.offsetWidth))) {
					clearInterval(bulletInterval);
					bulletInterval = null;
					bullet.style.top = "80%";
				}
			}
		}

setInterval(update, 16);
	</script>
</body>
</html>