My First NPCS Becoming Smart: Ask This Groovie Friends's game

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

No:33162

←

Prev Next

→

My First NPCS Becoming Smart: Ask This Groovie Fri..ALL
Developer User13970｜Date and time 24/1/2 19:52:11
Build time 30.029 sec｜Game capacity 4.018KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>My First NPCS Becoming Smart: Ask This Groovie Friends</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Pictogram images for the groovie friends
        const friendImages = [
            "url_to_groovie_friend_1_image",
            "url_to_groovie_friend_2_image",
            "url_to_groovie_friend_3_image"
        ];

// Game variables
        let score = 0;
        let firstNPCS = [];

// NPCS class
        class NPCS {
            constructor(x, y, image) {
                this.x = x;
                this.y = y;
                this.image = image;
                this.speed = 2;
            }

// Update the position of NPCS
            update() {
                this.x += this.speed;

// Checking if NPCS has reached end of the screen
                if (this.x > canvas.width) {
                    this.x = -100;
                    this.y = Math.floor(Math.random() * (canvas.height - 50) + 50);
                    this.speed += 0.5;
                    score++;
                }

// Check collision with player
                if (player.x < this.x + 40 &&
                    player.x + 40 > this.x &&
                    player.y < this.y + 40 &&
                    40 + player.y > this.y) {
                    gameOver();
                }
            }

// Draw NPCS on the canvas
            draw() {
                const image = new Image();
                image.src = this.image;
                ctx.drawImage(image, this.x, this.y, 40, 40);
            }
        }

// Player class
        class Player {
            constructor(x, y) {
                this.x = x;
                this.y = y;
                this.width = 40;
                this.height = 40;
                this.image = "url_to_player_image";
            }

// Update the position of the player
            update() {
                // Move player based on device orientation (smartphone operation)
                window.addEventListener("deviceorientation", handleOrientation, true);
            }

// Draw player on the canvas
            draw() {
                const image = new Image();
                image.src = this.image;
                ctx.drawImage(image, this.x, this.y, this.width, this.height);
            }
        }

// Handle device orientation for player movement
        function handleOrientation(event) {
            const yAcceleration = event.gamma / 5; // Adjust sensitivity for movement
            player.x += yAcceleration;
        }

// Create new NPCs
        function createNPCS() {
            setInterval(() => {
                const x = -100;
                const y = Math.floor(Math.random() * (canvas.height - 50) + 50);
                const image = friendImages[Math.floor(Math.random() * friendImages.length)];
                const newNPCS = new NPCS(x, y, image);
                firstNPCS.push(newNPCS);
            }, 2000);
        }

// Game over function
        function gameOver() {
            alert("Game over! Score: " + score);
            firstNPCS = [];
            score = 0;
        }

// Update game canvas
        function updateCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            player.update();
            player.draw();

firstNPCS.forEach((npcs) => {
                npcs.update();
                npcs.draw();
            });

requestAnimationFrame(updateCanvas);
        }

// Start the game
        function startGame() {
            player = new Player(240, canvas.height - 60);
            createNPCS();
            updateCanvas();
        }

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