maintained the consistency of code

Author: vivek-30

README.md

@@ -229,7 +229,7 @@ See [example](https://harshkhandeparkar.github.io/gpujs-real-renderer).
 - `brushColor` (*array*): The color of the brush in the corm `[red, green, blue]` where each of
 `red`, `green` and `blue` are between 0 and 1.
 - `eraserSize` (*number*): Size of the eraser.
-- `tool` ('brush' | 'eraser' | 'line'): The current tool used on the board. This tool can be set in the options or using the `changeTool` method.
+- `tool` ('brush' | 'gradient_brush' | 'eraser' | 'line'): The current tool used on the board. This tool can be set in the options or using the `changeTool` method.
 
 ##### Options
 Since this is a child class of `RealRenderer`, all the options of `RealRender` are applicable here as well.

src/renderers/RealDrawBoard/tools/gradient_brush.ts

@@ -3,7 +3,7 @@ import { Texture } from 'gpu.js';
 import { convertHSLToRGB } from '../../../util/convertHSLToRGB';
 
 let hue: number = 0;
-let gradientColors: [number ,number ,number] = [ 1 ,1 ,1 ]; 
+let gradientColors: [number, number, number] = [1, 1, 1]; 
 
 export const name = 'gradient_brush';
 
@@ -12,7 +12,7 @@ export function _startStroke(
   coords: [number, number],
   identifier: string
 ) {
-  gradientColors = convertHSLToRGB(hue,90,40);
+  gradientColors = convertHSLToRGB(hue, 90, 40);
   this._doPreview = false;
   this._plot(coords[0], coords[1], this.brushSize, gradientColors);
 }
@@ -22,7 +22,7 @@ export function _endStroke(
   endCoords: [number, number],
   identifier: string
 ) {
-  gradientColors = convertHSLToRGB(hue,90,40);
+  gradientColors = convertHSLToRGB(hue, 90, 40);
   this._plot(endCoords[0], endCoords[1], this.brushSize, gradientColors);
   this._doPreview = true;
 }
@@ -32,8 +32,8 @@ export function _doStroke(
   coords: [number, number],
   identifier: string
 ) {
-  hue = (hue+1)%360;
-  gradientColors = convertHSLToRGB(hue,90,40);
+  hue = (hue + 1) % 360;
+  gradientColors = convertHSLToRGB(hue, 90, 40);
   this._plot(coords[0], coords[1], this.brushSize, gradientColors);
   this._stroke(coords[0], coords[1], this.brushSize, gradientColors, identifier);
 }

src/util/convertHSLToRGB.ts

@@ -5,7 +5,7 @@
  * @param l brightness level.
  * @returns array containing r g and b value
  */
-export function convertHSLToRGB(h: number, s: number, l: number) :[ number ,number ,number ] {
+export function convertHSLToRGB(h: number, s: number, l: number): [number, number, number] {
 
     s /= 100;
     l /= 100;
@@ -19,21 +19,26 @@ export function convertHSLToRGB(h: number, s: number, l: number) :[ number ,numb
 
     if (0 <= h && h < 60) {
         r = c; g = x; b = 0;  
-    } else if (60 <= h && h < 120) {
+    } 
+    else if (60 <= h && h < 120) {
         r = x; g = c; b = 0;
-    } else if (120 <= h && h < 180) {
+    }
+    else if (120 <= h && h < 180) {
         r = 0; g = c; b = x;
-    } else if (180 <= h && h < 240) {
+    } 
+    else if (180 <= h && h < 240) {
         r = 0; g = x; b = c;
-    } else if (240 <= h && h < 300) {
+    } 
+    else if (240 <= h && h < 300) {
         r = x; g = 0; b = c;
-    } else if (300 <= h && h < 360) {
+    } 
+    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));
+    r = Math.round(r + m);
+    g = Math.round(g + m);
+    b = Math.round(b + m);
 
-    return [ r ,g ,b ];
+    return [r, g, b];
 }