Fighting with friends In classroom's game

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

No:29043

←

Prev Next

→

Fighting with friends In classroom
Developer User14364｜Date and time 23/12/15 15:50:18
Build time 41.872 sec｜Game capacity 4.079KB｜

Script

Sure, here's an example of a simple game called "Fighting with Friends in Classroom" implemented as a single HTML file using JavaScript. The game is meant to be played on a smartphone.

Score: 0

👤

👥

This game consists of a player represented by the 👤 symbol and an enemy represented by the 👥 symbol. The objective is to move the player around the classroom and collide with the enemy to earn points. The score is displayed at the top, and it increases every time a collision occurs. To play the game, you need to save the code above in a file with a .html extension, then open it using a web browser on your smartphone. Use the arrow keys to control the player's movement and try to collide with the enemy as many times as possible to increase your score. Note: This is a basic implementation, and you can modify and enhance it as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simple game called "Fighting with Friends in Classroom" implemented as a single HTML file using JavaScript. The game is meant to be played on a smartphone.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Fighting with Friends in Classroom</title>
    <style>
        #game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-size: 4em;
        }
        #score {
            font-size: 1.5em;
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="score">Score: 0</div>
        <div id="player">👤</div>
        <div id="enemy">👥</div>
    </div>

function updateScore() {
                score.textContent = "Score: " + currentScore;
            }

function getRandomPosition() {
                const windowWidth = window.innerWidth - 100;
                const windowHeight = window.innerHeight - 100;
                const randomX = Math.floor(Math.random() * windowWidth);
                const randomY = Math.floor(Math.random() * windowHeight);
                return { x: randomX, y: randomY };
            }

function updateEnemyPosition() {
                const position = getRandomPosition();
                enemy.style.left = position.x + "px";
                enemy.style.top = position.y + "px";
            }

function startGame() {
                updateEnemyPosition();
                updateScore();
            }

function handleCollision() {
                currentScore++;
                updateScore();
                updateEnemyPosition();
            }

function movePlayer(event) {
                const playerPosition = player.getBoundingClientRect();
                const enemyPosition = enemy.getBoundingClientRect();

if (
                    playerPosition.top < enemyPosition.bottom &&
                    playerPosition.bottom > enemyPosition.top &&
                    playerPosition.left < enemyPosition.right &&
                    playerPosition.right > enemyPosition.left
                ) {
                    handleCollision();
                }

const key = event.key;
                switch (key) {
                    case "ArrowUp":
                        player.style.top = player.offsetTop - 5 + "px";
                        break;
                    case "ArrowDown":
                        player.style.top = player.offsetTop + 5 + "px";
                        break;
                    case "ArrowLeft":
                        player.style.left = player.offsetLeft - 5 + "px";
                        break;
                    case "ArrowRight":
                        player.style.left = player.offsetLeft + 5 + "px";
                        break;
                }
            }

document.addEventListener("keydown", movePlayer);

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

To play the game, you need to save the code above in a file with a .html extension, then open it using a web browser on your smartphone. Use the arrow keys to control the player's movement and try to collide with the enemy as many times as possible to increase your score.

Note: This is a basic implementation, and you can modify and enhance it as per your requirements.