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

No:9984

153

←

Prev Next

→

Evangelion + Nausicaa of the Valley of the Wind
Developer User4369｜Date and time 23/7/28 17:44:23
Build time 23.185 sec｜Game capacity 2.899KB｜

Script

了解しました。以下にエヴァンゲリオンと風の谷のナウシカをテーマにした簡単なゲームを実装したHTMLファイルを示します。

エヴァンゲリオン＋風の谷のナウシカゲーム

スマホの方は下記のボタンを使ってプレイしてください。

このプログラムでは、キャンバス上に青色の四角形で表されるプレイヤーが左右に移動することができます。スマホの場合は左に移動ボタンと右に移動ボタンをタップすることでプレイヤーが動き、移動停止ボタンを放すことで移動を停止します。以上がエヴァンゲリオン＋風の谷のナウシカをテーマにした簡単なゲームの実装例です。

←

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>エヴァンゲリオン＋風の谷のナウシカ</title>
</head>
<body>
    <h1>エヴァンゲリオン＋風の谷のナウシカ ゲーム</h1>
    
    <canvas id="gameCanvas" width="500" height="400"></canvas>
    
    <script>
        // ゲームの初期化
        function startGame() {
            gameArea.start();
        }
        
        var gameArea = {
            canvas: document.getElementById("gameCanvas"),
            start: function() {
                this.context = this.canvas.getContext("2d");
                this.interval = setInterval(updateGameArea, 20);
            },
            clear: function() {
                this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
            }
        }
        
        var player = {
            x: 225,
            y: 350,
            width: 50,
            height: 50,
            speedX: 0,
            update: function() {
                ctx = gameArea.context;
                ctx.fillStyle = "blue";
                ctx.fillRect(this.x, this.y, this.width, this.height);
            },
            newPos: function() {
                this.x += this.speedX;
                if (this.x < 0) {
                    this.x = 0;
                }
                if (this.x > gameArea.canvas.width - this.width) {
                    this.x = gameArea.canvas.width - this.width;
                }
            }
        };
        
        function updateGameArea() {
            gameArea.clear();
            player.newPos();
            player.update();
        }
        
        // スマホ操作
        function moveLeft() {
            player.speedX = -5;
        }
        
        function moveRight() {
            player.speedX = 5;
        }
        
        function stopMove() {
            player.speedX = 0;
        }
        
        // ゲーム開始
        startGame();
    </script>
    
    <p>スマホの方は下記のボタンを使ってプレイしてください。</p>
    <button ontouchstart="moveLeft()">左に移動</button>
    <button ontouchstart="moveRight()">右に移動</button>
    <button ontouchend="stopMove()">移動停止</button>
</body>
</html>
```

このプログラムでは、キャンバス上に青色の四角形で表されるプレイヤーが左右に移動することができます。スマホの場合は左に移動ボタンと右に移動ボタンをタップすることでプレイヤーが動き、移動停止ボタンを放すことで移動を停止します。

以上がエヴァンゲリオン＋風の谷のナウシカをテーマにした簡単なゲームの実装例です。

エヴァンゲリオン＋風の谷のナウシカ ゲーム

エヴァンゲリオン＋風の谷のナウシカゲーム