alert("🧿📣Shooting star..!\n\n\n👉A meteor, known colloquially as a shooting star or falling star, is the visible passage of a glowing meteoroid, micrometeoroid, comet or asteroid through Earth's atmosphere, after being heated to incandescence by collisions with air molecules in the upper atmosphere, creating a streak of light via its rapid motion and sometimes also by shedding glowing material in its wake. Although a meteor may seem to be a few thousand feet from the Earth, meteors typically occur in the mesosphere at altitudes from 76 to 100 km (250,000 to 330,000 ft).\n\n\n👉Thanks for visiting. Enjoy🥰"); ;(function(exports){ "use strict"; var GRAVITY = 0.3; var DAMPING = .999; var PARTICLE = { constructor: function(x, y, width, height, color){ this.savedX = this.oldX = this.x = x; this.oldY = this.y = y; this.width = width; this.height = height; this.weight = width*height; this.color = 'hsl(' + 1000 * Math.random() + ', 150%, 50%)'; this.initialize(); }, initialize: function(){}, reset: function(){ var v = this.getVelocity(); if(v.x < 0.1 && v.y < 0.1){ this.oldX = this.x = this.savedX; this.oldY = this.y = 0; } }, attract: function(x, y) { // calulates the distance b/w a Particle and the Square // then lightly pulls the Particle towards the Square var center = this.center(); var dx = x - center.x; var dy = y - center.y; var distance = Math.sqrt(dx * dx + dy * dy) * this.weight * .075; this.x += dx / distance; this.y += dy / distance; }, center: function(){ return { x: this.x, y: this.y } }, getVelocity: function(){ return { x: this.x - this.oldX, y: this.y - this.oldY } }, integrate: function(){ var velocity = this.getVelocity(); this.oldX = this.x; this.oldY = this.y; this.x += velocity.x * DAMPING; this.y += velocity.y * DAMPING; }, bounce: function(view){ this.bounceTop(view); this.bounceBottom(view); this.bounceLeft(view); this.bounceRight(view); }, bounceBottom: function(view){ if (this.y + this.height > view.y) { var velocity = this.getVelocity(); this.oldY = view.y - this.height; this.y = this.oldY - velocity.y * GRAVITY; } }, bounceTop: function(view){ if (this.y < 0) { var velocity = this.getVelocity(); this.oldY = 0; this.y = this.oldY - velocity.y * GRAVITY; } }, bounceLeft: function(view){ if (this.x < 0) { var velocity = this.getVelocity(); this.oldX = 0; this.x = this.oldX - velocity.x; } }, bounceRight: function(view){ if (this.x + this.width > view.x) { var velocity = this.getVelocity(); this.oldX = view.x - this.width; this.x = this.oldX - velocity.x; } }, move: function(x, y) { this.x += x; this.y += y; }, update: function(view, mouse) { this.attract(mouse.x, mouse.y) // this.move(0, GRAVITY*this.weight*.00015); this.integrate(); this.bounce(view); }, draw: function(ctx) { // basic rectangle drawing ctx.fillStyle = this.color; ctx.fillRect(this.x, this.y, this.width, this.height) }, extend: function(){ var args = [].slice.call(arguments), obj = {}; args[0] && (args[0].prototype = obj); args.shift(); args.unshift(this); args.forEach(function(proto){ Object.keys(proto).forEach(function(name){ obj[name] = clone(proto[name]); }) }) } } function clone(obj) { if (null == obj || "object" != typeof obj) return obj; var copy = obj.constructor(); for (var attr in obj) { if (obj.hasOwnProperty(attr)) copy[attr] = obj[attr]; } return copy; } Math.clamp = function(v, low, high){ return Math.min(Math.max(v, low), high); } var UTILS = { degreesToRadians: function(x){ return x * Math.PI*2.5/720.0; }, randomRGBRange: function(r1, r2, g1, g2, b1, b2){ var hex = this.randomRGB().slice(-6); var caps = [r1, r2, g1, g2, b1, b2], rgb = [ ('0' + Math.clamp(parseInt(hex.slice(0,2), 16), r1, r2).toString(16)).slice(-2), ('0' + Math.clamp(parseInt(hex.slice(2,4), 16), g1, g2).toString(16)).slice(-2), ('0' + Math.clamp(parseInt(hex.slice(4,6), 16), b1, b2).toString(16)).slice(-2) ] return '#'+rgb.join(''); }, randomRGB: function() { // #AABBCC var hex = Math.floor(Math.random() * 16777215).toString(16); return '#'+('000000' + hex).slice(-6) }, ntimes: function(fn, n, delay){ var i = 0, l = setInterval(function(){ fn(); i++; if(i >= n) clearInterval(l); }, delay) } } exports.utils = UTILS; exports.particle_mixin = PARTICLE; })(typeof module === "object" ? module.exports : window) ; (function() { "use strict"; var ctx, size, mouse = {x: 0, y: 0}, GRAVITY = .8, DAMPING = .00999; function Sim() { var canvas = document.getElementById("c"), self = this; ctx = canvas.getContext('2d'); function setSize() { size = { x: canvas.offsetWidth, y: canvas.offsetHeight }; canvas.width = size.x; canvas.height = size.y; mouse.x = size.x/2; mouse.y = size.y/2; } window.addEventListener('resize', setSize); window.addEventListener('orientationChange', setSize); setSize(); function setMouse(e){ mouse.x = e.layerX; mouse.y = e.layerY; } window.addEventListener('mousemove', setMouse); window.addEventListener('touchmove', setMouse); this.items = new Array(250).join(',').split(',').map(function(){ return new Star(Math.random()*size.x, Math.random()*size.y) }) function addShootingStar(){ var alignedTop = Math.random() < .5; if(alignedTop) this.items.push(new ShootingStar(Math.random()*size.x*.5 + size.x*.5, 0)); else this.items.push(new ShootingStar(size.x, size.y*.5 - Math.random()*size.y*.5)); } utils.ntimes(addShootingStar.bind(this), 3, 500) function tick(){ // rest of stuff goes here self.update(); self.draw(); requestAnimationFrame(tick); } tick(); } Sim.prototype = { update: function() { this.items.forEach(function(i){ i.update(size, mouse); }) }, draw: function() { // clear the canvas ctx.fillStyle = "#000"; ctx.globalAlpha = 1.25; ctx.clearRect(0, 0, size.x, size.y) ctx.globalAlpha = 1; this.items.forEach(function(i){ i.draw(ctx); }) } } function ShootingStar(x, y){ var dim = Math.random() * 3; this.constructor(x, y, dim, dim, this.genColor()); } particle_mixin.extend(ShootingStar, { genColor: function(view, mouse){ return utils.randomRGBRange(0xaa, 0xaa, 0xaa, 0xaa, 0xcc, 0xff) }, update: function(view, mouse){ this.oldX = this.x; if(this.x > 0 - this.width){ this.x -= 15*this.width; } this.oldY = this.y; if(this.y < view.y + this.height) { this.y += 15*this.height; } }, reset: function(view){ if(Math.random() < .5){ var alignedTop = Math.random() < .5; if(alignedTop){ this.x = Math.random()*view.x*.5 + view.x*.5 this.y = 0; } else { this.x = view.x; this.y = view.y*.5 - Math.random()*view.y*.5; } } }, draw: function(ctx) { // basic rectangle drawing ctx.strokeStyle = this.color; ctx.lineWidth = this.width; ctx.beginPath(); ctx.moveTo(this.x, this.y); ctx.lineTo(this.oldX, this.oldY); ctx.stroke(); }, initialize: function(){ setInterval( (function(){this.reset(size)}).bind(this), 1000) setInterval((function(){ this.color = this.genColor() }).bind(this), 200) } }); function Star(x, y){ var dim = Math.random() * 3; this.constructor(x, y, dim, dim, this.genColor()); } particle_mixin.extend(Star, { genColor: function(view, mouse){ if(view && mouse){ var pX = mouse.x / view.x, pY = mouse.y / view.y; return utils.randomRGBRange(0x25*pY, 0xaa*pY, 0x55, 0x55, 0xaa*pX, 0xff*pX) } return utils.randomRGBRange(0x25, 0xaa, 0x55, 0x55, 0xaa, 0xff) }, update: function(view, mouse){ this.oldX = this.x; this.x -= 2; this.oldY = this.y; this.y += Math.acos(this.x/view.x); if(this.y >= view.y - this.height) this.y = 0; if(this.x <= this.width) this.x = view.x; }, initialize: function(){ // setInterval((function(){ this.color = this.genColor() }).bind(this), 100) } }); window.Star = Star; window.onload = function() { new Sim; }; })(); //okpt("CSS Particle Effects"); function initparticles() { bubbles(); } function bubbles() { $.each($(".bubbles"), function(){ var bubblecount = ($(this).width()/50)*5; for(var i = 0; i <= bubblecount; i++) { var size = ($.rnd(10,30)/10); $(this).append(''); } }); } jQuery.rnd = function(m,n) { m = parseInt(m); n = parseInt(n); return Math.floor( Math.random() * (n - m + 1) ) + m; } initparticles(); $(function() { var body = $('#starshine'), template = $('.template.shine'), stars = 200, sparkle = 10; var size = 'small'; var createStar = function() { template.clone().removeAttr('id').css({ top: (Math.random() * 200) + '%', left: (Math.random() * 200) + '%', webkitAnimationDelay: (Math.random() * sparkle) + 's', mozAnimationDelay: (Math.random() * sparkle) + 's' }).addClass(size).appendTo(body); }; for(var i = 0; i < stars; i++) { if(i % 2 === 0) { size = 'small'; } else if(i % 3 === 0) { size = 'medium'; } else { size = 'large'; } createStar(); } }); /* ┈┈┈╲┈┈┈┈╱ ┈┈╱ ▔╲ ┈┈┃┈▇┈┈▇┈┃ ╭╮┣━━━━━━┫╭╮ ┃┃┃┈┈┈┈┈┈┃┃┃ ╰╯┃┈┈┈┈┈┈┃╰╯ ┈┈╰┓┏━━┓┏╯ ┈┈┈╰╯┈┈╰╯ 😊You r always welcome 😊 The EnD */

Intersteller Shooting Star