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

No:4220

762

←

Prev Next

→

The Joker comes down the stairs.
Developer User1006｜Date and time 23/6/27 15:10:41
Build time 21.636 sec｜Game capacity 1.677KB｜

Script

ジョーカーが階段から降りてくるゲームを作成しました。プレイヤーはジョーカーを操作し、階段を降りながら障害物を避けながら下に進んでいきます。スマホでは左右にスワイプすることで移動し、タップすることでジャンプします。ゲーム画面には絵文字を多用し、ジョーカーも絵文字で描かれています。障害物はまだ実装ができていませんが、今後のアップデートで追加する予定です。以下が実装されたHTMLファイルです。

Joker Game

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

ジョーカーが階段から降りてくるゲームを作成しました。

プレイヤーはジョーカーを操作し、階段を降りながら障害物を避けながら下に進んでいきます。スマホでは左右にスワイプすることで移動し、タップすることでジャンプします。

ゲーム画面には絵文字を多用し、ジョーカーも絵文字で描かれています。障害物はまだ実装ができていませんが、今後のアップデートで追加する予定です。

以下が実装されたHTMLファイルです。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Joker Game</title>
</head>
<body>
	<h1>Joker Game</h1>
	<canvas id="canvas" width="300" height="500"></canvas>

// ジョーカーの初期位置
		var x = 150;
		var y = 100;

// ジョーカーの描画
		context.font = "50px Arial";
		context.fillText("😈", x, y);

// ジャンプ処理
		function jump() {
			y -= 30;
			draw();
		}

// 描画処理
		function draw() {
			// キャンバスをクリア
			context.clearRect(0, 0, 300, 500);

// ジョーカーを再描画
			context.fillText("😈", x, y);
		}

// タップしたらジャンプする
		canvas.addEventListener("touchstart", function(event) {
			jump();
		});

// スマホの傾きで左右に移動する
		window.addEventListener("deviceorientation", function(event) {
			x += event.gamma / 10;
			x = Math.max(0, x);
			x = Math.min(300, x);
			draw();
		});
	</script>
</body>
</html>
```