Iron man simulator Ascii with controller's game

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

No:46011

←

Prev Next

→

Iron man simulator Ascii with controller
Developer User19182｜Date and time 24/2/22 19:27:56
Build time 9.635 sec｜Game capacity 2.458KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Iron Man Simulator</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        // JavaScript code for Iron Man simulator game

// Define canvas and context
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");

// Iron Man character
        var ironMan = {
            x: 50,
            y: 50,
            width: 50,
            height: 50
        }

var controller = {
            left: false,
            right: false,
            up: false,
            down: false
        }

document.addEventListener("keydown", function(event) {
            switch(event.keyCode) {
                case 37: // Left arrow key
                    controller.left = true;
                    break;
                case 38: // Up arrow key
                    controller.up = true;
                    break;
                case 39: // Right arrow key
                    controller.right = true;
                    break;
                case 40: // Down arrow key
                    controller.down = true;
                    break;
            }
        });

document.addEventListener("keyup", function(event) {
            switch(event.keyCode) {
                case 37: // Left arrow key
                    controller.left = false;
                    break;
                case 38: // Up arrow key
                    controller.up = false;
                    break;
                case 39: // Right arrow key
                    controller.right = false;
                    break;
                case 40: // Down arrow key
                    controller.down = false;
                    break;
            }
        });

// Draw Iron Man
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = "red";
            ctx.fillRect(ironMan.x, ironMan.y, ironMan.width, ironMan.height);

requestAnimationFrame(update);
        }

update();
    </script>
</body>
</html>