Move demo to branch ♻️

README.md

@@ -19,7 +19,7 @@ Simple usage is simple, [download](https://raw.githubusercontent.com/SubZtep/afr
 <a-box warpspeed></a-box>
 ```
 
-For more detailed usage check the [example source](index.html) and its [**LIVE demonstration** page](https://subztep.github.io/aframe-warpspeed-texture/) with GUI for properties.
+For more detailed usage check the [demo branch](https://github.com/SubZtep/aframe-warpspeed-texture/tree/demo) and its [**LIVE demonstration** page](https://subztep.github.io/aframe-warpspeed-texture/) with GUI for the properties.
 
 ### API
 

colorft.js

@@ -0,0 +1,40 @@
+const defaultRGB = {
+  r: 255,
+  g: 255,
+  b: 255,
+}
+
+// detect
+
+const isHex = color => color.charAt(0) === "#" && color.length === 7
+const isRGBA = color => color.startsWith("rgba")
+
+// convert
+
+// "rgba(44,44,44,1)"
+
+const hex2rgb = color => ({
+  r: parseInt(color.substr(1, 2), 16),
+  g: parseInt(color.substr(3, 2), 16),
+  b: parseInt(color.substr(5, 2), 16),
+})
+
+const rgba2rgb = color => {
+  const [, r, g, b, a] = /^\s*rgba\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)\s*$/.exec(color)
+  return {
+    r,
+    g,
+    b,
+  }
+}
+
+export const toRGB = color => {
+  if (isHex(color)) {
+    return hex2rgb(color)
+  }
+  if (isRGBA(color)) {
+    return rgba2rgb(color)
+  }
+
+  return defaultRGB
+}

package.json

@@ -26,5 +26,8 @@
     "rollup": "^2.33.3",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-web-worker-loader": "^1.4.0"
+  },
+  "dependencies": {
+    "color-parse": "^1.4.2"
   }
 }

warpspeed.js

@@ -1,16 +1,6 @@
+import { toRGB } from "./colorft"
+
 const randPos = () => (Math.random() - 0.5) * 1000
-const hex2rgb = webColor =>
-  webColor.charAt(0) === "#" && webColor.length === 7
-    ? {
-        r: parseInt(webColor.substr(1, 2), 16),
-        g: parseInt(webColor.substr(3, 2), 16),
-        b: parseInt(webColor.substr(5, 2), 16),
-      }
-    : {
-        r: 255,
-        g: 255,
-        b: 255,
-      }
 
 class Star {
   constructor(x, y, z) {
@@ -53,7 +43,7 @@ export default class WarpSpeed {
             }
             break
           case "starColor":
-            const color = hex2rgb(value)
+            const color = toRGB(value)
             this.starR = color.r
             this.starG = color.g
             this.starB = color.b