I want you to show a smiling face's game

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

No:7851

136

←

Prev Next

→

I want you to show a smiling face
Developer User4085｜Date and time 23/7/10 2:06:19
Build time 12.566 sec｜Game capacity 3.926KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript. The game is played on a smartphone and uses pictograms to enhance the visual experience.

To play the game, you need to copy the entire code snippet into a blank HTML file and open it with a web browser. The game will then be playable on your smartphone. The objective of the game is to control the smiley face using the arrow keys to move it within the canvas boundaries. Enjoy the game!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game implemented as a single HTML file using JavaScript. The game is played on a smartphone and uses pictograms to enhance the visual experience.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Smiley Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Game variables
    let score = 0;
    let gameover = false;

// Smiley character
    const smiley = {
        x: canvas.width / 2,
        y: canvas.height / 2,
        radius: 50,
        speed: 5,
        dx: 0,
        dy: 0
    };

// Draw smiley on the canvas
    function drawSmiley() {
        ctx.beginPath();
        ctx.arc(smiley.x, smiley.y, smiley.radius, 0, Math.PI * 2);
        ctx.fillStyle = "yellow";
        ctx.fill();
        ctx.strokeStyle = "black";
        ctx.lineWidth = 3;
        ctx.stroke();

// Draw eyes
        ctx.beginPath();
        ctx.arc(smiley.x - 20, smiley.y - 15, 8, 0, Math.PI * 2);
        ctx.fillStyle = "black";
        ctx.fill();

ctx.beginPath();
        ctx.arc(smiley.x + 20, smiley.y - 15, 8, 0, Math.PI * 2);
        ctx.fillStyle = "black";
        ctx.fill();

// Draw smiling mouth
        ctx.beginPath();
        ctx.arc(smiley.x, smiley.y, 40, 0, Math.PI);
        ctx.strokeStyle = "black";
        ctx.lineWidth = 5;
        ctx.stroke();

ctx.closePath();
    }

// Move smiley based on user input
    function moveSmiley() {
        smiley.x += smiley.dx;
        smiley.y += smiley.dy;

// Prevent smiley from going out of bounds
        if (smiley.x - smiley.radius < 0) {
            smiley.x = smiley.radius;
        }

if (smiley.x + smiley.radius > canvas.width) {
            smiley.x = canvas.width - smiley.radius;
        }

if (smiley.y - smiley.radius < 0) {
            smiley.y = smiley.radius;
        }

if (smiley.y + smiley.radius > canvas.height) {
            smiley.y = canvas.height - smiley.radius;
        }
    }

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

drawSmiley();
        moveSmiley();

if (gameover) {
            showMessage("Game Over!");
            return;
        }

requestAnimationFrame(update);
    }

// Show game over message
    function showMessage(message) {
        ctx.fillStyle = "black";
        ctx.font = "40px Arial";
        ctx.fillText(message, canvas.width / 2 - 100, canvas.height / 2);
    }

// Handle user input
    function handleKeyDown(event) {
        if (event.key === "ArrowUp") {
            smiley.dy = -smiley.speed;
        } else if (event.key === "ArrowDown") {
            smiley.dy = smiley.speed;
        } else if (event.key === "ArrowLeft") {
            smiley.dx = -smiley.speed;
        } else if (event.key === "ArrowRight") {
            smiley.dx = smiley.speed;
        }
    }

function handleKeyUp(event) {
        if (
            event.key === "ArrowUp" ||
            event.key === "ArrowDown" ||
            event.key === "ArrowLeft" ||
            event.key === "ArrowRight"
        ) {
            smiley.dx = 0;
            smiley.dy = 0;
        }
    }

// Start the game
    function startGame() {
        document.addEventListener("keydown", handleKeyDown);
        document.addEventListener("keyup", handleKeyUp);

update();
    }

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