From 55394efb95c922ce396dc9d93c0fb1cddcde5076 Mon Sep 17 00:00:00 2001
From: Yaroslav <contact@yaroslavps.com>
Date: Sun, 16 Dec 2018 00:20:56 +0300
Subject: starfield ok

---
 starfield/stars.js | 37 +++++++++++++++----------------------
 1 file changed, 15 insertions(+), 22 deletions(-)

(limited to 'starfield/stars.js')

diff --git a/starfield/stars.js b/starfield/stars.js
index 0a47100..01628e3 100644
--- a/starfield/stars.js
+++ b/starfield/stars.js
@@ -1,5 +1,5 @@
 /*
-Starfield JS v0.2.0
+Starfield JS v1.0.0
 Copyright 2018 Yaroslav de la Peña Smirnov
 All rights reserved.
 
@@ -61,6 +61,7 @@ function warpLaunch(options={}){
         options.hasOwnProperty('step') ? options['step'] : 2;
     var interactive = options['interactive'];
     var color = options['color'];
+    var ox, oy;
 
     var canvas = document.getElementById("stars");
     if(!canvas){
@@ -70,9 +71,6 @@ function warpLaunch(options={}){
     var container = canvas.parentNode;
     var ctx = canvas.getContext("2d");
 
-    // The canvas where we will prerender our star
-    var starsprite = document.createElement("canvas");
-
     // This will be populated with all the 'particles' (i.e. stars)
     // on the canvas
     var particles = [];
@@ -92,6 +90,16 @@ function warpLaunch(options={}){
         // and accordingly resize the canvas, then reinitialize
         canvas.height = parseInt(container.offsetHeight);
         canvas.width = parseInt(container.offsetWidth);
+        ox = canvas.height/3;
+        oy = canvas.width/2;
+        if (canvas.width < canvas.height){
+            ox = canvas.height/2;
+            oy = canvas.width/3;
+        }
+        if (canvas.width == canvas.height){
+            ox = canvas.height/3;
+            oy = canvas.width/3;
+        }
         try{ window.cancelAnimationFrame(requestedFrame); }
         catch(e) {}
         ctx.imageSmoothingEnabled = false;
@@ -101,30 +109,16 @@ function warpLaunch(options={}){
         initParticles();
     }
 
-    // Prerender our star to an offscreen canvas to improve performance
-    function prerender(){
-        let sctx = starsprite.getContext("2d");
-        sctx.imageSmoothingEnabled = false;
-        sctx.webkitImageSmoothingEnabled = false;
-        starsprite.width = 5;
-        starsprite.height = 5;
-        sctx.fillStyle = "rgb(255, 255, 255, 0.4)";
-        sctx.fillRect(0, 2, 5, 1);
-        sctx.fillRect(2, 0, 1, 5);
-        sctx.fillStyle = "rgb(255, 255, 255, 0.5)";
-        sctx.fillRect(1, 1, 3, 3);
-    }
-
     function getRandomPos(n){
         let i = randomRange(-n, n);
-        if (i == 0) return getRandomPos();
+        if (i == 0) return 1;
         return i;
     }
 
     function getNewParticle(){
         // Randomly assign them the needed parameters
-        let ix = getRandomPos(canvas.width/3);
-        let iy = getRandomPos(canvas.height/2);
+        let ix = getRandomPos(ox)
+        let iy = getRandomPos(oy);
         let posz = randomRange(0, 200);
         if (!color)
             return new Particle(ix, iy, posz, [255, 255, 255]);
@@ -215,7 +209,6 @@ function warpLaunch(options={}){
         console.log(speed);
     }
 
-    prerender();
     resize();
 
     if (interactive){
-- 
cgit v1.2.3