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

No:6686

130

←

Prev Next

→

snowball fight
Developer User3903｜Date and time 23/7/3 4:35:21
Build time 34.97 sec｜Game capacity 3.685KB｜

Script

了解です！以下に、雪合戦ゲームのサンプルコードを示します。このコードは、1枚のHTMLファイルとして実装されており、JavaScriptがscriptタグで囲まれています。スマートフォンで操作できるようになっており、絵文字も使用しています。

雪合戦ゲーム

このコードでは、プレイヤーが移動し、スペースキーで雪玉を投げるゲームが実装されています。キーボードの矢印キーでプレイヤーが移動し、スペースキーで雪玉を投げることができます。雪玉は画面端で反射するようになっています。更新は20ミリ秒ごとに行われ、canvas要素を使用して描画されます。このコードを1枚のHTMLファイルに保存し、ウェブブラウザで開くことで、雪合戦ゲームがプレイできます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>雪合戦ゲーム</title>
</head>
<body>
    <h1>雪合戦ゲーム</h1>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let playerX = canvas.width / 2;
        let playerY = canvas.height / 2;

let snowballs = [];

function drawPlayer() {
            ctx.beginPath();
            ctx.arc(playerX, playerY, playerSize, 0, 2 * Math.PI);
            ctx.fillStyle = "orange";
            ctx.fill();
            ctx.closePath();
        }

function drawSnowballs() {
            for (let i = 0; i < snowballs.length; i++) {
                ctx.beginPath();
                ctx.arc(snowballs[i].x, snowballs[i].y, snowballSize, 0, 2 * Math.PI);
                ctx.fillStyle = "white";
                ctx.fill();
                ctx.closePath();
            }
        }

function throwSnowball() {
            let snowball = {
                x: playerX,
                y: playerY,
                dx: snowballSpeed,
                dy: snowballSpeed
            };
            snowballs.push(snowball);
        }

function updateSnowballs() {
            for (let i = 0; i < snowballs.length; i++) {
                snowballs[i].x += snowballs[i].dx;
                snowballs[i].y += snowballs[i].dy;

if (snowballs[i].x > canvas.width || snowballs[i].x < 0) {
                    snowballs[i].dx = -snowballs[i].dx;
                }

if (snowballs[i].y > canvas.height || snowballs[i].y < 0) {
                    snowballs[i].dy = -snowballs[i].dy;
                }
            }
        }

function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

function updateGame() {
            clearCanvas();
            drawPlayer();
            drawSnowballs();
            updateSnowballs();
        }

setInterval(updateGame, 20);

このコードでは、プレイヤーが移動し、スペースキーで雪玉を投げるゲームが実装されています。キーボードの矢印キーでプレイヤーが移動し、スペースキーで雪玉を投げることができます。雪玉は画面端で反射するようになっています。更新は20ミリ秒ごとに行われ、canvas要素を使用して描画されます。

このコードを1枚のHTMLファイルに保存し、ウェブブラウザで開くことで、雪合戦ゲームがプレイできます。