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

No:48180

152

←

Prev Next

→

times tables math game every right awnsee makes th..ALL
Developer User18896｜Date and time 24/3/1 16:28:13
Build time 11.504 sec｜Game capacity 2.992KB｜

Script

Times Tables Math Game

Can you answer the times table questions correctly?

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>

<head>
    <title>Times Tables Math Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

#question {
            font-size: 24px;
            margin-top: 50px;
        }

#answer {
            font-size: 32px;
            margin-top: 20px;
        }

canvas {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }
    </style>
</head>

<body>

<h1>Times Tables Math Game</h1>
    <p>Can you answer the times table questions correctly?</p>

canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

function Particle(x, y) {
            this.x = x;
            this.y = y;
            this.size = Math.random() * 5 + 1;
            this.speedX = Math.random() * 3 - 1.5;
            this.speedY = Math.random() * 3 - 1.5;
        }

Particle.prototype.update = function() {
            this.x += this.speedX;
            this.y += this.speedY;
            if(this.size > 0.2) this.size -= 0.1;
        }

Particle.prototype.draw = function() {
            ctx.fillStyle = "#fff";
            ctx.beginPath();
            ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
            ctx.fill();
        }

function createParticles(x, y) {
            for (let i = 0; i < 100; i++) {
                particles.push(new Particle(x, y));
            }
        }

function checkAnswer() {
            const answer = parseInt(document.getElementById("answer").value);
            if (answer === result) {
                document.getElementById("answer").value = "";
                createParticles(Math.random() * canvas.width, Math.random() * canvas.height);
                generateQuestion();
            }
        }

generateQuestion();

animate();
    </script>

</body>

</html>