Soccer hockey and all other sports's game

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

No:12575

←

Prev Next

→

Soccer hockey and all other sports
Developer User5238｜Date and time 23/8/20 0:37:46
Build time 16.247 sec｜Game capacity 2.946KB｜

Script

Sure! Here's a simple HTML file that implements a game similar to soccer hockey, which can be played on a smartphone and uses pictograms:

To play the game, save the above code into a file with a ".html" extension, then open it in a web browser on your smartphone. You can control the player by tapping on the left or right side of the screen. The objective of the game is to prevent the ball from escaping the canvas by moving the player. Note: This is a simple implementation to demonstrate the game concept. You can enhance it by adding more features, levels, scoring, etc., depending on your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple HTML file that implements a game similar to soccer hockey, which can be played on a smartphone and uses pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Soccer Hockey Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="soccerHockeyCanvas" width="480" height="320"></canvas>
    
    <script>
        // Game logic
        var canvas = document.getElementById("soccerHockeyCanvas");
        var context = canvas.getContext("2d");
        
        var playerWidth = 60;
        var playerHeight = 60;
        var playerX = (canvas.width - playerWidth) / 2;
        var playerY = (canvas.height - playerHeight) / 2;
        var playerSpeed = 5;
        
        var ballRadius = 10;
        var ballX = canvas.width / 2;
        var ballY = canvas.height / 2;
        var ballSpeedX = 2;
        var ballSpeedY = -2;
        
        function drawPlayer() {
            context.beginPath();
            context.rect(playerX, playerY, playerWidth, playerHeight);
            context.fillStyle = "black";
            context.fill();
            context.closePath();
        }
        
        function drawBall() {
            context.beginPath();
            context.arc(ballX, ballY, ballRadius, 0, Math.PI*2);
            context.fillStyle = "black";
            context.fill();
            context.closePath();
        }
        
        function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawBall();
            
            // Move the player
            if (playerX <= 0 && playerSpeed < 0) {
                playerSpeed = 0;
            }
            
            if (playerX >= canvas.width - playerWidth && playerSpeed > 0) {
                playerSpeed = 0;
            }
            
            playerX += playerSpeed;
            
            // Move the ball
            if (ballX + ballSpeedX > canvas.width - ballRadius || ballX + ballSpeedX < ballRadius) {
                ballSpeedX = -ballSpeedX;
            }
            
            if (ballY + ballSpeedY > canvas.height - ballRadius || ballY + ballSpeedY < ballRadius) {
                ballSpeedY = -ballSpeedY;
            }
            
            ballX += ballSpeedX;
            ballY += ballSpeedY;
        }
        
        setInterval(draw, 10);
    </script>
</body>
</html>
```

Note: This is a simple implementation to demonstrate the game concept. You can enhance it by adding more features, levels, scoring, etc., depending on your requirements.