Shooting game no blood free for kids's game

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

No:655

421

←

Prev Next

→

Shooting game no blood free for kids
Developer User3070｜Date and time 23/6/17 2:18:35
Build time 11.785 sec｜Game capacity 1.166KB｜

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.

←

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><!DOCTYPE html>
<html>
<head>
    <title>Beautiful Fireworks</title>
    <style>
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
        }

canvas {
            display: block;
            background: black;
        }
    </style>
</head>
<body>
    <canvas id="myCanvas"></canvas>
    <script>
        window.onload = function() {
            var canvas = document.getElementById('myCanvas');
            var ctx = canvas.getContext('2d');

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

canvas.addEventListener('click', createFirework);

var particles = [];

function createFirework(e) {
                var mouseX = e.clientX;
                var mouseY = e.clientY;

var numberOfParticles = Math.floor(Math.random() * 100) + 100;

for (var i = 0; i < numberOfParticles; i++) {
                    var angle = Math.random() * Math.PI * 2;

var speed = Math.random() * 5 + 1;

var xVelocity = Math.cos(angle) * speed;
                    var yVelocity = Math.sin(angle) * speed;

var hue = Math.floor(Math.random() * 360);

particles.push(new Particle(mouseX, mouseY, xVelocity, yVelocity, hue));
                }
            }

function Particle(x, y, xVelocity, yVelocity, hue) {
                this.x = x;
                this.y = y;
                this.xVelocity = xVelocity;
                this.yVelocity = yVelocity;
                this.hue = hue;
                this.opacity = 1;
                this.gravity = 0.1;

this.update = function() {
                    this.x += this.xVelocity;
                    this.y += this.yVelocity + this.gravity;
                    this.opacity -= 0.01;

if (this.opacity <= 0) {
                        particles.splice(particles.indexOf(this), 1);
                    }
                };

this.draw = function() {
                    ctx.beginPath();
                    ctx.arc(this.x, this.y, 1, 0, Math.PI * 2);
                    ctx.fillStyle = 'hsla(' + this.hue + ', 100%, 50%, ' + this.opacity + ')';
                    ctx.fill();
                };
            }

function animate() {
                ctx.fillStyle = 'rgba(0, 0, 0, 0.1)';
                ctx.fillRect(0, 0, canvas.width, canvas.height);

for (var i = 0; i < particles.length; i++) {
                    particles[i].update();
                    particles[i].draw();
                }

requestAnimationFrame(animate);
            }

animate();
        };
    </script>
</body>
</html>