AI game creator

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

No:14059

←

Prev Next

→

Volume
Developer User6030｜Date and time 23/8/30 22:42:27
Build time 16.779 sec｜Game capacity 2.026KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>

<head>
    <title>Мини-игра на смартфоне</title>
</head>

<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        var canvas;
        var canvasContext;
        var ballX = 50;
        var ballY = 50;
        var ballSpeedX = 5;
        var ballSpeedY = 5;

window.onload = function () {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');

var framesPerSecond = 60;
            setInterval(function () {
                moveEverything();
                drawEverything();
            }, 1000 / framesPerSecond);
        };

function moveEverything() {
            ballX += ballSpeedX;
            ballY += ballSpeedY;

if (ballX > canvas.width || ballX < 0) {
                ballSpeedX = -ballSpeedX;
            }

if (ballY < 0) {
                ballSpeedY = -ballSpeedY;
            }

if (ballY > canvas.height) {
                resetBall();
            }
        }

function drawEverything() {
            // Очистить холст
            colorRect(0, 0, canvas.width, canvas.height, 'black');
            // Нарисовать мяч
            colorCircle(ballX, ballY, 10, 'white');
        }

function colorRect(leftX, topY, width, height, drawColor) {
            canvasContext.fillStyle = drawColor;
            canvasContext.fillRect(leftX, topY, width, height);
        }

function colorCircle(centerX, centerY, radius, drawColor) {
            canvasContext.fillStyle = drawColor;
            canvasContext.beginPath();
            canvasContext.arc(centerX, centerY, radius, 0, Math.PI * 2, true);
            canvasContext.fill();
        }

function resetBall() {
            ballX = canvas.width / 2;
            ballY = canvas.height / 2;
            ballSpeedX = -ballSpeedX;
            ballSpeedY = -ballSpeedY;
        }
    </script>
</body>

</html>