did some minor changes

Author: vivek-30

example/index.html

@@ -48,7 +48,7 @@ <h3># Drawing Board</h3>
           <label for="draw-tool">Tool: </label>
           <select name="draw-tool" id="draw-tool" value="brush">
             <option value="brush">Brush</option>
-            <option value="gradientBrush">Gradient Brush</option>
+            <option value="gradient_brush">Gradient Brush</option>
             <option value="eraser">Eraser</option>
             <option value="line">Line</option>
           </select>

src/renderers/RealDrawBoard/tools/gradientBrush.ts renamed to src/renderers/RealDrawBoard/tools/gradient_brush.ts

@@ -1,12 +1,11 @@
 import { RealDrawBoard } from '../RealDrawBoard';
 import { Texture } from 'gpu.js';
-import { convertHSLToRGB } from '../../../util/convertForm';
-import { type } from 'os';
+import { convertHSLToRGB } from '../../../util/convertHSLToRGB';
 
-var hue: number = 0;
-var gradientColors: [number ,number ,number] = [ 1 ,1 ,1 ]; 
+let hue: number = 0;
+let gradientColors: [number ,number ,number] = [ 1 ,1 ,1 ]; 
 
-export const name = 'gradientBrush';
+export const name = 'gradient_brush';
 
 export function _startStroke(
   this: RealDrawBoard,

src/renderers/RealDrawBoard/tools/tools.ts

@@ -1,13 +1,13 @@
 import * as brush from './brush';
 import * as eraser from './eraser';
 import * as line from './line';
-import * as gradientBrush from './gradientBrush';
+import * as gradient_brush from './gradient_brush';
 
 export const tools = {
   brush,
-  gradientBrush,
+  gradient_brush,
   eraser,
   line
 }
 
-export type Tool = 'brush' | 'gradientBrush' | 'eraser' | 'line';
+export type Tool = 'brush' | 'gradient_brush' | 'eraser' | 'line';

src/util/convertForm.ts

@@ -21,43 +21,3 @@ export function convertCartesianPolar(x: number, y: number) {
     Math.atan2(y, x)
   ]
 }
-
-/**
- * Convert hsl Color into RGB color.
- * @param h color value ranges from 0 to 360.
- * @param s saturation value.
- * @param l brightness level.
- * @returns array containing r g and b value
- */
-export function convertHSLToRGB(h: number, s: number, l: number) :[ number ,number ,number ] {
-
-    s /= 100;
-    l /= 100;
-  
-    var c: number = (1 - Math.abs(2 * l - 1)) * s;
-    var x: number = c * (1 - Math.abs((h / 60) % 2 - 1));
-    var m: number = l - c/2;
-    var r: number = 0;
-    var g: number = 0;
-    var b: number = 0;
-
-    if (0 <= h && h < 60) {
-        r = c; g = x; b = 0;  
-    } else if (60 <= h && h < 120) {
-        r = x; g = c; b = 0;
-    } else if (120 <= h && h < 180) {
-        r = 0; g = c; b = x;
-    } else if (180 <= h && h < 240) {
-        r = 0; g = x; b = c;
-    } else if (240 <= h && h < 300) {
-        r = x; g = 0; b = c;
-    } else if (300 <= h && h < 360) {
-        r = c; g = 0; b = x;
-    }
-    
-    r = Math.round((r + m));
-    g = Math.round((g + m));
-    b = Math.round((b + m));
-
-    return [ r ,g ,b ];
-}

src/util/convertHSLToRGB.ts

@@ -0,0 +1,39 @@
+/**
+ * Convert hsl Color into RGB color.
+ * @param h color value ranges from 0 to 360.
+ * @param s saturation value.
+ * @param l brightness level.
+ * @returns array containing r g and b value
+ */
+export function convertHSLToRGB(h: number, s: number, l: number) :[ number ,number ,number ] {
+
+    s /= 100;
+    l /= 100;
+  
+    let c: number = (1 - Math.abs(2 * l - 1)) * s;
+    let x: number = c * (1 - Math.abs((h / 60) % 2 - 1));
+    let m: number = l - c/2;
+    let r: number = 0;
+    let g: number = 0;
+    let b: number = 0;
+
+    if (0 <= h && h < 60) {
+        r = c; g = x; b = 0;  
+    } else if (60 <= h && h < 120) {
+        r = x; g = c; b = 0;
+    } else if (120 <= h && h < 180) {
+        r = 0; g = c; b = x;
+    } else if (180 <= h && h < 240) {
+        r = 0; g = x; b = c;
+    } else if (240 <= h && h < 300) {
+        r = x; g = 0; b = c;
+    } else if (300 <= h && h < 360) {
+        r = c; g = 0; b = x;
+    }
+    
+    r = Math.round((r + m));
+    g = Math.round((g + m));
+    b = Math.round((b + m));
+
+    return [ r ,g ,b ];
+}