add swipe direction movement input

Author: behnawwm

app/src/main/java/com/example/racingcar/models/MovementInput.kt

@@ -1,6 +1,7 @@
 package com.example.racingcar.models
 
 enum class MovementInput {
-    Gestures,
+    SwipeGestures,
+    TapGestures,
     Accelerometer
 }

app/src/main/java/com/example/racingcar/ui/MainActivity.kt

@@ -17,7 +17,6 @@ import androidx.lifecycle.Lifecycle
 import androidx.lifecycle.lifecycleScope
 import androidx.lifecycle.repeatOnLifecycle
 import com.example.racingcar.models.MovementInput.Accelerometer
-import com.example.racingcar.models.MovementInput.Gestures
 import com.example.racingcar.ui.theme.RacingCarTheme
 import com.example.racingcar.ui.viewmodel.MainViewModel
 import dagger.hilt.android.AndroidEntryPoint
@@ -53,13 +52,8 @@ class MainActivity : ComponentActivity(), SensorEventListener {
             repeatOnLifecycle(Lifecycle.State.CREATED) {
                 viewModel.movementInput.collect {
                     when (it) {
-                        Gestures -> {
-                            unregisterAccelerometer()
-                        }
-
-                        Accelerometer -> {
-                            registerAccelerometer()
-                        }
+                        Accelerometer -> registerAccelerometer()
+                        else -> unregisterAccelerometer()
                     }
                 }
             }

app/src/main/java/com/example/racingcar/ui/game/RacingGameScreen.kt

@@ -27,7 +27,8 @@ import com.example.racingcar.R
 import com.example.racingcar.models.AccelerationData
 import com.example.racingcar.models.MovementInput
 import com.example.racingcar.models.MovementInput.Accelerometer
-import com.example.racingcar.models.MovementInput.Gestures
+import com.example.racingcar.models.MovementInput.SwipeGestures
+import com.example.racingcar.models.MovementInput.TapGestures
 import com.example.racingcar.ui.game.state.BackgroundState
 import com.example.racingcar.ui.game.state.BlockersState
 import com.example.racingcar.ui.game.state.CarState
@@ -105,17 +106,21 @@ fun RacingGameScreen(
             modifier = Modifier
                 .fillMaxSize()
                 .then(
-                    when (movementInput()) {
-                        Gestures -> Modifier.then(
-                            if (gameState.isRunning())
+                    if (gameState.isRunning())
+                        when (movementInput()) {
+                            TapGestures ->
                                 Modifier.detectCarPositionByPointerInput(maxWidth = maxWidth.value.toInt()) { position ->
                                     carState.moveWithTapGesture(position)
                                 }
-                            else Modifier
-                        )
 
-                        Accelerometer -> Modifier
-                    }
+                            SwipeGestures -> Modifier.detectSwipeDirection(maxWidth.value.toInt()) { swipeDirection ->
+                                carState.moveWithSwipeGesture(swipeDirection)
+                            }
+
+                            Accelerometer -> Modifier
+                        }
+                    else
+                        Modifier
                 )
         ) {
             RacingGameCanvas(

app/src/main/java/com/example/racingcar/ui/game/detectSwipeDirection.kt

@@ -0,0 +1,43 @@
+package com.example.racingcar.ui.game
+
+import androidx.compose.foundation.gestures.detectDragGestures
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableFloatStateOf
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.composed
+import androidx.compose.ui.input.pointer.pointerInput
+import com.example.racingcar.models.SwipeDirection
+import com.example.racingcar.utils.Constants
+import kotlin.math.abs
+
+fun Modifier.detectSwipeDirection(maxWidth: Int, onSwipeDirection: (SwipeDirection) -> Unit) =
+    composed {
+
+        var swipeOffsetX by remember { mutableFloatStateOf(0f) }
+        val minSwipeOffset by remember {
+            mutableIntStateOf(maxWidth / Constants.SWIPE_MIN_OFFSET_FROM_MAX_WIDTH)
+        }
+
+        Modifier.pointerInput(Unit) {
+            detectDragGestures(
+                onDrag = { change, dragAmount ->
+                    change.consume()
+                    swipeOffsetX += dragAmount.x
+                },
+                onDragEnd = {
+                    when {
+                        (swipeOffsetX < 0 && abs(swipeOffsetX) > minSwipeOffset) -> SwipeDirection.Left
+                        (swipeOffsetX > 0 && abs(swipeOffsetX) > minSwipeOffset) -> SwipeDirection.Right
+                        else -> null
+                    }?.let { direction ->
+                        onSwipeDirection(direction)
+                    }
+
+                    swipeOffsetX = 0F
+                }
+            )
+        }
+    }

app/src/main/java/com/example/racingcar/ui/settings/MovementInputRow.kt

@@ -40,7 +40,7 @@ fun MovementInputRow(
                     if (isAccelerometer)
                         MovementInput.Accelerometer
                     else
-                        MovementInput.Gestures
+                        MovementInput.TapGestures
                 )
             },
         )

app/src/main/java/com/example/racingcar/ui/viewmodel/MainViewModel.kt

@@ -36,7 +36,7 @@ class MainViewModel @Inject constructor(
     private val _acceleration = MutableStateFlow(AccelerationData(0f, 0f, 0f))
     val acceleration = _acceleration.asStateFlow()
 
-    private val _movementInput = MutableStateFlow(MovementInput.Gestures)
+    private val _movementInput = MutableStateFlow(MovementInput.SwipeGestures)
     val movementInput = _movementInput.asStateFlow()
 
     private val _gameScore = MutableStateFlow(INITIAL_GAME_SCORE)