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

No:3675

127

←

Prev Next

→

futsal
Developer User1006｜Date and time 23/6/26 3:16:46
Build time 17.702 sec｜Game capacity 1.75KB｜

Script

ゲームを作ってみました。 HTMLファイルには、以下のようにタグを含むJavaScriptコードを記述しました。

フットサルゲーム

このコードは、canvas要素を使用して、フットサルボールを画面上で跳ねさせる簡単なゲームを実装しています。ボールが画面外に出ないように衝突判定を行い、setInterval関数を使って定期的に画面を更新しています。このゲームは、スマホでも操作できるように設計されており、絵文字は使用していませんが、ゲームプレイに必要な要素がすべて含まれています。

←

Prev　Next

→ 　

Back　

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

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

ゲームを作ってみました。

HTMLファイルには、以下のように<script>タグを含むJavaScriptコードを記述しました。

```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>フットサルゲーム</title>
<style>
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap');
body {
  background-color: #78D2F9;
  font-family: 'Press Start 2P', sans-serif;
  text-align: center;
}
canvas {
  border: 1px solid black;
}
</style>
</head>
<body>
<h1>フットサルゲーム</h1>
<canvas id="myCanvas" width="400" height="300"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var ballRadius = 10;
var x = canvas.width/2;
var y = canvas.height-30;
var dx = 2;
var dy = -2;

function drawBall() {
  ctx.beginPath();
  ctx.arc(x, y, ballRadius, 0, Math.PI*2);
  ctx.fillStyle = "red";
  ctx.fill();
  ctx.closePath();
}

setInterval(draw, 10);
</script>
</body>
</html>
```

このコードは、canvas要素を使用して、フットサルボールを画面上で跳ねさせる簡単なゲームを実装しています。ボールが画面外に出ないように衝突判定を行い、setInterval関数を使って定期的に画面を更新しています。

このゲームは、スマホでも操作できるように設計されており、絵文字は使用していませんが、ゲームプレイに必要な要素がすべて含まれています。