alert("-For the best experience, use earphones.\n-Click on the red to play, might take a moment to start."); var category = ["Best C#","Best Ruby","Best Python","Best C++","Best Java","Best Web Code","Best Game"]; var catCount = 0; var names = ["Limitless","Manual","Ahri Fox","Yash Thatte","Very Hard...","Dayve","Burey"]; var nameCount = 0; var nID = [5063428,3685063,2654837,913873,2568930,2827432,197327]; var nidCount = 0; var talents = "Discovered Hidden Talents"; var hidden = ["TheOtherOne","Retul","Domagoj Puljic","Ulisses Cruz","Vincent Martinez","Maart","Haris Zaharakis","Rachit Tripathi","Kinshuk Vasisht","S Vengat"]; var hiddenCount = 0; var hID = [2805603,673306,1627686,4093715,4100269,4694984,3124142,3663184,596225,2200299]; var hidCount = 0; var code = ["String to Binary","Jewel Machine","Run Huge codes with only 5 lines","Enigma Simulator","Basic love story","Simple Match-3 Game!","Tank.js S Edition"]; var codeCount = 0; var hcode =["Pythagoras Three Fractal","Police Box","Weather info","Lesson 1 [Hello World]","[minigame] shapes puzzle","Try to escape!","Rotating gears","Loader v1.2","The Matrix Class - Beta","Finding the element with its protin"]; var hcodeCount = 0; var winner = "Andrew Grider"; var wID = 1997575; var contest = "The Greatest Sololearn Coder"; var wcode = "Web Linux Terminal [With Commands]"; var $tate=false; var track = new Audio("https://www.gavinchristians.com/sololearn/end.mp3"); var SCREEN_WIDTH = 340, SCREEN_HEIGHT = 490, mousePos = { x: 170, y: 200 }, // create canvas canvas = document.createElement('canvas'), context = canvas.getContext('2d'), particles = [], rockets = [], MAX_PARTICLES = 100, colorCode = 0; $(canvas).attr("id","fireworks"); // create box box = document.createElement('div'); $(box).attr("id","box"); // create profile image container profile = document.createElement('div'); $(profile).attr("id","profile"); // create start button start = document.createElement('div'); $(start).attr("id","start"); // create heading heading = document.createElement('h2'); $(heading).attr("id","subject"); // create user name solo = document.createElement('h2'); $(solo).attr("id","solo"); // create code name heading codeHead = document.createElement('h2'); $(codeHead).attr("id","code"); // create a link node link = document.createElement('a'); // init $(document).ready(function() { /*document.body.appendChild(canvas);*/ document.body.appendChild(box); //box.appendChild(profile); box.appendChild(start); box.appendChild(heading); box.appendChild(solo); box.appendChild(codeHead); /*canvas.width = SCREEN_WIDTH; canvas.height = SCREEN_HEIGHT; setInterval(launch, 1700); setInterval(loop, 1000 / 50);*/ }); // the start button $(start).on("click", function (){ /*document.body.appendChild(canvas); canvas.width = SCREEN_WIDTH; canvas.height = SCREEN_HEIGHT; setInterval(launch, 1700); setInterval(loop, 1000 / 50); //$(profile).css("top","100px");*/ slide(); track.play(); $(start).remove(); }); function slide(){ time = setInterval(function (){ if($tate==false){ //alert(nameCount); //alert(names.length); if(nameCount= 0 || distance < 50 || randomChance) { rockets[i].explode(); } else { existingRockets.push(rockets[i]); } } rockets = existingRockets; var existingParticles = []; for (var i = 0; i < particles.length; i++) { particles[i].update(); // render and save particles that can be rendered if (particles[i].exists()) { particles[i].render(context); existingParticles.push(particles[i]); } } // update array with existing particles - old particles should be garbage collected particles = existingParticles; while (particles.length > MAX_PARTICLES) { particles.shift(); } } function Particle(pos) { this.pos = { x: pos ? pos.x : 0, y: pos ? pos.y : 0 }; this.vel = { x: 0, y: 0 }; this.shrink = .97; this.size = 2; this.resistance = 1; this.gravity = 0; this.flick = false; this.alpha = 1; this.fade = 0; this.color = 0; } Particle.prototype.update = function() { // apply resistance this.vel.x *= this.resistance; this.vel.y *= this.resistance; // gravity down this.vel.y += this.gravity; // update position based on speed this.pos.x += this.vel.x; this.pos.y += this.vel.y; // shrink this.size *= this.shrink; // fade out this.alpha -= this.fade; }; Particle.prototype.render = function(c) { if (!this.exists()) { return; } c.save(); c.globalCompositeOperation = 'lighter'; var x = this.pos.x, y = this.pos.y, r = this.size / 2; var gradient = c.createRadialGradient(x, y, 0.1, x, y, r); gradient.addColorStop(0.1, "rgba(255,255,255," + this.alpha + ")"); gradient.addColorStop(0.8, "hsla(" + this.color + ", 100%, 50%, " + this.alpha + ")"); gradient.addColorStop(1, "hsla(" + this.color + ", 100%, 50%, 0.1)"); c.fillStyle = gradient; c.beginPath(); c.arc(this.pos.x, this.pos.y, this.flick ? Math.random() * this.size : this.size, 0, Math.PI * 2, true); c.closePath(); c.fill(); c.restore(); }; Particle.prototype.exists = function() { return this.alpha >= 0.1 && this.size >= 1; }; function Rocket(x) { Particle.apply(this, [{ x: x, y: SCREEN_HEIGHT}]); this.explosionColor = 0; } Rocket.prototype = new Particle(); Rocket.prototype.constructor = Rocket; Rocket.prototype.explode = function() { var count = Math.random() * 10 + 80; for (var i = 0; i < count; i++) { var particle = new Particle(this.pos); var angle = Math.random() * Math.PI * 2; // emulate 3D effect by using cosine and put more particles in the middle var speed = Math.cos(Math.random() * Math.PI / 2) * 15; particle.vel.x = Math.cos(angle) * speed; particle.vel.y = Math.sin(angle) * speed; particle.size = 10; particle.gravity = 0.2; particle.resistance = 0.92; particle.shrink = Math.random() * 0.05 + 0.93; particle.flick = true; particle.color = this.explosionColor; particles.push(particle); } }; Rocket.prototype.render = function(c) { if (!this.exists()) { return; } c.save(); c.globalCompositeOperation = 'lighter'; var x = this.pos.x, y = this.pos.y, r = this.size / 2; var gradient = c.createRadialGradient(x, y, 0.1, x, y, r); gradient.addColorStop(0.1, "rgba(255, 255, 255 ," + this.alpha + ")"); gradient.addColorStop(1, "rgba(0, 0, 0, " + this.alpha + ")"); c.fillStyle = gradient; c.beginPath(); c.arc(this.pos.x, this.pos.y, this.flick ? Math.random() * this.size / 2 + this.size / 2 : this.size, 0, Math.PI * 2, true); c.closePath(); c.fill(); c.restore(); };