indented properly and avoided round function for conversion

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' | 'gradient_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' | 'rainbow_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.
@@ -245,7 +245,7 @@ Apart from those, the following are additional options that can be passed on to
 
 - `maxUndos`(*Number*) (Default: `15`): Determines the maximum possible undos. (Use a smaller number on devices with less RAM)
 
-- `tool` (*'brush' | 'gradient_brush' | 'eraser' | 'line'*) (Default: `'brush'`): Determines which tool to use.
+- `tool` (*'brush' | 'rainbow_brush' | 'eraser' | 'line'*) (Default: `'brush'`): Determines which tool to use.
 
 ##### Methods
 Since this is a child class of `RealRenderer`, all the methods of `RealRender` are available here as well.

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

@@ -5,7 +5,7 @@ import { convertHSLToRGB } from '../../../util/convertHSLToRGB';
 let hue: number = 0;
 let gradientColors: [number, number, number] = [1, 1, 1]; 
 
-export const name = 'gradient_brush';
+export const name = 'rainbow_brush';
 
 export function _startStroke(
   this: RealDrawBoard,
@@ -34,6 +34,7 @@ export function _doStroke(
 ) {
   hue = (hue + 1) % 360;
   gradientColors = convertHSLToRGB(hue, 90, 40);
+  console.log('r,g,b => ',gradientColors);
   this._plot(coords[0], coords[1], this.brushSize, gradientColors);
   this._stroke(coords[0], coords[1], this.brushSize, gradientColors, identifier);
 }

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 gradient_brush from './gradient_brush';
+import * as rainbow_brush from './rainbow_brush';
 
 export const tools = {
   brush,
-  gradient_brush,
+  rainbow_brush,
   eraser,
   line
 }
 
-export type Tool = 'brush' | 'gradient_brush' | 'eraser' | 'line';
+export type Tool = 'brush' | 'rainbow_brush' | 'eraser' | 'line';

src/util/convertHSLToRGB.ts

@@ -3,42 +3,42 @@
  * @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
+ * @return array containing r g and b value
  */
 export function convertHSLToRGB(h: number, s: number, l: number): [number, number, number] {
 
-    s /= 100;
-    l /= 100;
+  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;
+  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;
-    }
+  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];
+  r = (r + m);
+  g = (g + m);
+  b = (b + m);
+ 
+  return [r, g, b];
 }