どうぶつスクールシミュレーター続編アップデート開発ひさしがドン引きするほどビックリする俺の大好きなライオン🦁がいっぱいいるガツンとマシマシスペシャルなゲーム's game

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

No:3025

273

←

Prev Next

→

どうぶつスクールシミュレーター続編アップデート開発ひさしがドン引きするほどビックリする俺の大..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/23 12:35:36
Build time 12.691 sec｜Game capacity 1.021KB｜

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>