Update README.md

Author: SmartToolFactory

README.md

@@ -126,6 +126,8 @@ using previous searches using a database, domain with ViewModel.
 | | |
 |<h3>6-4-2 Drawing App</h3><br/>Draw to canvas using touch down, move and up events using array of paths to have erase, undo, redo actions and set properties for each path separately.<br><br>• Canvas<br>• DrawScope<br>• Path<br>• AwaitPointerEventScope<br>• PointerInputChange<br>• BlendMode<br>|<img src ="/./screenshots/tutorial6_4_2.gif" width=320> |
 | | |
+|<h3>6-5 Color Picker</h3><br/>Color Picker that calculates angle from center and gets a color using hue and returns a color as in HSL or RGB color model.<br><br>• Canvas<br>• DrawScope<br>• Path<br>• AwaitPointerEventScope<br>• PointerInputChange<br>• BlendMode<br>|<img src ="/./screenshots/tutorial6_5.gif" width=320> |
+| | |
 
 ### Resources and References
 [Codelab Jetpack Compose Basics](https://developer.android.com/codelabs/jetpack-compose-basics)

Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/MainScreen.kt

@@ -3,12 +3,11 @@ package com.smarttoolfactory.tutorial1_1basics
 import androidx.compose.animation.ExperimentalAnimationApi
 import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.foundation.layout.padding
 import androidx.compose.material.ExperimentalMaterialApi
 import androidx.compose.material.Scaffold
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.ExperimentalComposeUiApi
-import androidx.compose.ui.Modifier
+import com.smarttoolfactory.tutorial1_1basics.chapter6_graphics.Tutorial6_5Screen
 
 @ExperimentalMaterialApi
 @ExperimentalAnimationApi
@@ -17,6 +16,7 @@ import androidx.compose.ui.Modifier
 @Composable
 fun MainScreen() {
  Scaffold { paddingValues: PaddingValues ->
- TutorialNavGraph(modifier = Modifier.padding(paddingValues))
+// TutorialNavGraph(modifier = Modifier.padding(paddingValues))
+ Tutorial6_5Screen()
  }
 }

Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter6_graphics/colorpicker/SaturationRhombus.kt

@@ -58,7 +58,7 @@ fun SaturationRhombus(
  * Width and height of the rhombus is geometrically equal so it's sufficient to
  * use either width or height to have a length parameter
  */
- val length = maxWidth.value* density
+ val length = maxWidth.value * density
 
  /**
  * This is list of points with changing [saturation] up while going from left to right
@@ -104,8 +104,15 @@ fun SaturationRhombus(
 
  // Horizontal range for keeping x position in rhombus bounds
  val range = getBoundsInLength(length, posY)
+ val start = range.start - selectorRadius
+ val end = range.endInclusive + selectorRadius
 
- isTouched = range.contains(posX)
+ isTouched = posX in start..end
+
+ println("🔥 onDown()\n" +
+ " posX: $posX, posY: $posY\n" +
+ "range: $range\n" +
+ "start: $start, end: $end, isTouched: $isTouched")
 
  if (isTouched) {
 
@@ -195,7 +202,6 @@ private fun setSelectorPositionFromColorParams(
  return Offset(horizontalPositionOnRhombus, verticalPositionOnRhombus)
 }
 
-
 /**
  * Get range that this position can be. This is for limiting touch position inside rhombus.
  * For instance if y position is 10, then x should either be center - 10 or center + 10 to maintain

Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/tutorial_list/TutorialList.kt

@@ -1219,7 +1219,7 @@ fun createGraphicsTutorialList(): List<TutorialSectionModel> {
  val tutorial6_5 = TutorialSectionModel(
  title = "6-5 Color Picker",
  description = "Color Picker that calculates angle from center and gets a color " +
- "using hue and returns a color as in HSV or RGB color model.",
+ "using hue and returns a color as in HSL or RGB color model.",
  action = {
  Tutorial6_5Screen()
  },