At least 200 lines of code's game

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

No:52720

219

←

Prev Next

→

At least 200 lines of code
Developer User14077｜Date and time 24/3/24 7:40:44
Build time 1.401 sec｜Game capacity 0.113KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

以下が、指定された要件に基づいたJavaScriptを含むHTMLファイルの例です。この例では、画面をタップすると花火が打ち上がり、ランダムな色で表示されます。

このHTMLファイルを実行すると、画面をタップするたびに花火が打ち上がることになります。一つの花火はランダムな色のパーティクルで構成されており、タップした位置に表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>以下が、指定された要件に基づいたJavaScriptを含むHTMLファイルの例です。この例では、画面をタップすると花火が打ち上がり、ランダムな色で表示されます。

```html
<!DOCTYPE html>
<html>
<head>
    <title>打ち上げ花火</title>
    <style>
        canvas {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }
    </style>
</head>
<body>
    <canvas id="fireworks"></canvas>
    <script>
        window.addEventListener('DOMContentLoaded', function() {
            var canvas = document.getElementById('fireworks');
            var ctx = canvas.getContext('2d');

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

function Particle(x, y, color) {
                this.x = x;
                this.y = y;
                this.color = color;
            }

Particle.prototype.draw = function() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, 2, 0, Math.PI * 2, false);
                ctx.fillStyle = this.color;
                ctx.fill();
                ctx.closePath();
            }

function Firework(x, y) {
                this.x = x;
                this.y = y;
                this.particles = [];

for (var i = 0; i < 50; i++) {
                    var particle = new Particle(x, y, getRandomColor());
                    this.particles.push(particle);
                }

this.move = function() {
                    this.particles.forEach(function(particle) {
                        particle.y -= Math.random() * 5;
                        particle.x += (Math.random() - 0.5) * 2;
                        particle.draw();
                    });
                }
            }

function getRandomColor() {
                var letters = '0123456789ABCDEF';
                var color = '#';
                for (var i = 0; i < 6; i++) {
                    color += letters[Math.floor(Math.random() * 16)];
                }
                return color;
            }

function createFirework(x, y) {
                var firework = new Firework(x, y);
                setInterval(function() {
                    firework.move();
                }, 15);
            }

canvas.addEventListener('click', function(event) {
                var rect = canvas.getBoundingClientRect();
                var x = event.clientX - rect.left;
                var y = event.clientY - rect.top;
                createFirework(x, y);
            });
        });
    </script>
</body>
</html>
```