<!DOCTYPE html>
 <html lang="en" >
 <head>
 <meta charset="UTF-8">
 <title>Rainbow Space Unicorn</title>
 <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
 <img src="img/unicorn.png" alt="unicorn" id="unicorn" hidden>
 <script  src="js/index.js"></script>
 </body>
 </html>
var __extends = (this && this.__extends) || (function () {
 
     var extendStatics = Object.setPrototypeOf ||
         ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
         function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
     return function (d, b) {
 
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
 window.addEventListener('DOMContentLoaded', init);
 //#region classes
 var Vector = /** @class */ (function () {
 
     function Vector() {
 
         this.x = 0;
         this.y = 0;
         this.vx = 0;
         this.vy = 0;
         this.angle = 0;
         this.va = 0.05;
     }
     return Vector;
 }());
 var Particle = /** @class */ (function (_super) {
 
     __extends(Particle, _super);
     function Particle() {
 
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.id = Math.random().toString();
         _this.color = randomColor();
         _this.radius = 8;
         _this.opacity = 1;
         return _this;
     }
     return Particle;
 }(Vector));
 var Unicorn = /** @class */ (function (_super) {
 
     __extends(Unicorn, _super);
     function Unicorn(image) {
 
         var _this = _super.call(this) || this;
         _this.image = image;
         return _this;
     }
     return Unicorn;
 }(Vector));
 










