Firework - by Jaseem

Farewell has begun!

You will redirected in short

'; display.innerHTML = '27th May'; var xx = setInterval(function(){ clearInterval(xx); go(); }, 5000); } }, 1000); function Particle(x, y, isFirework, rgb, ctx){ this.x = x; this.y = y; this.isFirework = isFirework; this.ctx = ctx; this.alpha = 1; this.accelerationX = 0; this.accelerationY = 0; this.velocityX = 0; this.velocityY = 0; this.radius = 1; this.r = 0; this.g = 0; this.b = 0; this.rgb = []; if(this.isFirework){ this.velocityY = this.random(-11, -6); this.velocityX = this.random(-2, 2); this.radius = 2; this.r = this.random(1,255); this.rgb[0] = this.r; this.g = this.random(1,255); this.rgb[1] = this.g; this.b = this.random(1,255); this.rgb[2] = this.b; }else{ this.velocityY = this.random(-4, 4); this.velocityX = this.random(-4, 4); this.velocityY = this.velocityY * 0.15; this.velocityX = this.velocityX * 0.15; this.rgb = rgb; this.r = this.rgb[0]; this.g = this.rgb[1]; this.b = this.rgb[2]; }; this.show = function(){ this.ctx.beginPath(); this.ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false); this.ctx.fillStyle = "rgba(" + this.r + ", " + this.g + "," + this.b + ", " + this.alpha + ")"; this.ctx.fill(); this.ctx.closePath(); }; this.update = function(){ if(!this.isFirework){ this.alpha -= 0.015; } this.velocityX += this.accelerationX; this.velocityY += this.accelerationY; this.x += this.velocityX; this.y += this.velocityY; this.accelerationX *= 0; this.accelerationY *= 0; }; this.addGravity = function(gX, gY){ this.accelerationX += gX; this.accelerationY += gY; } this.isDone = function(){ return this.alpha <= 0; } } Particle.prototype.random = function(min, max){ return Math.floor(Math.random() * (max - min + 1) ) + min; }; function System(x, y, ctx){ this.x = x; this.y = y; this.ctx = ctx; this.exploded = false; this.particles = []; this.p = new Particle(this.x, this.y, true, false, this.ctx); this.show = function(){ if(!this.exploded){ this.p.show(); }else{ for(var i = 0; i < this.particles.length; i++){ this.particles[i].show(); } } }; this.update = function(){ if(!this.exploded){ this.p.update(); this.p.addGravity(0, 0.1); if(this.p.velocityY >= 0){ this.exploded = true; for(var i = 0; i < 40; i++){ this.particles.push(new Particle(this.p.x, this.p.y , false, this.p.rgb, this.ctx)); } } }else{ for(var i = 0; i < this.particles.length; i++){ if(!this.particles[i].isDone()){ this.particles[i].update(); this.particles[i].addGravity(0, 0.08); }else{ this.particles.splice(i, 1); } } } }; this.isDone = function(){ return this.particles.length <= 0; } } function go(){ var newPage = '

'; var headPage = 'Firework - by Jaseem'; document.head.innerHTML = headPage; document.body.innerHTML = newPage; var canvas = document.getElementById('my-canvas'); var ctx = canvas.getContext("2d"); var width = window.innerWidth; var height = window.innerHeight; canvas.width = width; canvas.height = height; var fireworks = []; function draw(){ //ctx.clearRect(0,0, width, height); ctx.fillStyle = "rgba(7, 23, 48, 0.2)"; ctx.fillRect(0, 0, width, height); if(fireworks.length < 10){ fireworks.push(new System(random(10, width - 10), height, ctx)); } for(var i = 0; i < fireworks.length; i++){ fireworks[i].show(); fireworks[i].update(); if(fireworks[i].exploded && fireworks[i].isDone()){ fireworks.splice(i, 1); } } requestAnimationFrame(draw); } draw(); } function random(min, max){ return Math.floor(Math.random() * (max - min + 1) ) + min; } }

Farewell has begun!

You will redirected in short

Welcome to Farewell.

The final party protocol

Farewell Party for Seniors