style: refactored arrows in own file

lib/arrows.dart

@@ -0,0 +1,57 @@
+import 'package:flutter/material.dart';
+
+enum ArrowDirection {
+  left(Icons.arrow_back),
+  down(Icons.arrow_downward),
+  up(Icons.arrow_upward),
+  right(Icons.arrow_forward);
+
+  const ArrowDirection(this.icon);
+
+  final IconData icon;
+}
+
+class Note {
+  final double time;
+  final ArrowDirection direction;
+  double position = 0;
+  bool wasHit = false;
+
+  Note({required this.time, required this.direction});
+}
+
+class Arrows extends StatelessWidget {
+  final List<Note> notes;
+  final double position;
+
+  const Arrows({super.key, required this.notes, required this.position});
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+        children: notes.map((note) {
+      double position = note.position * 10000; //  * 20 * MediaQuery.of(context).size.height;
+
+      return Arrow(
+        position: position,
+        direction: note.direction,
+      );
+    }).toList());
+  }
+}
+
+class Arrow extends StatelessWidget {
+  final double position;
+  final ArrowDirection direction;
+
+  const Arrow({super.key, required this.position, required this.direction});
+
+  @override
+  Widget build(BuildContext context) {
+    return Positioned(
+      left: MediaQuery.of(context).size.width / 2 - 50, // Center the arrow
+      bottom: position + 50,
+      child: Icon(size: 100, color: Colors.redAccent.shade400, direction.icon),
+    );
+  }
+}

lib/level.dart

@@ -3,6 +3,8 @@ import 'dart:io';
 
 import 'package:flutter/material.dart';
 import 'package:audioplayers/audioplayers.dart';
+import 'package:flutter/services.dart';
+import 'package:sense_the_rhythm/arrows.dart';
 import 'package:sense_the_rhythm/simfile.dart';
 
 class Level extends StatefulWidget {
@@ -13,22 +15,11 @@ class Level extends StatefulWidget {
   State<Level> createState() => _LevelState();
 }
 
-enum ArrowDirection {
+class InputDirection {
-  left(Icons.arrow_back),
+  bool up = false;
-  down(Icons.arrow_downward),
+  bool down = false;
-  up(Icons.arrow_upward),
+  bool left = false;
-  right(Icons.arrow_forward);
+  bool right = false;
-
-  const ArrowDirection(this.icon);
-
-  final IconData icon;
-}
-
-class Note {
-  final double time;
-  final ArrowDirection direction;
-
-  const Note({required this.time, required this.direction});
 }
 
 class _LevelState extends State<Level> {
@@ -41,6 +32,9 @@ class _LevelState extends State<Level> {
   StreamSubscription? _durationSubscription;
   StreamSubscription? _positionSubscription;
 
+  final FocusNode _focusNode = FocusNode();
+  InputDirection inputDirection = InputDirection();
+
   List<Note> notes = [];
 
   @override
@@ -82,6 +76,38 @@ class _LevelState extends State<Level> {
     player.onPositionChanged.listen((Duration p) {
       // print('Current position: $p');
       setState(() => _position = p);
+      for (final note in notes) {
+        note.position = note.time - p.inMilliseconds / 60000.0;
+
+        if (!note.wasHit && note.position.abs() < 0.5 * 1.0 / 60.0) {
+          bool keypressCorrect = false;
+          switch (note.direction) {
+            case ArrowDirection.up:
+              keypressCorrect = inputDirection.up;
+              break;
+            case ArrowDirection.down:
+              keypressCorrect = inputDirection.down;
+              break;
+            case ArrowDirection.right:
+              keypressCorrect = inputDirection.right;
+              break;
+            case ArrowDirection.left:
+              keypressCorrect = inputDirection.left;
+              break;
+          }
+          if (keypressCorrect) {
+            print("you hit!");
+            note.wasHit = true;
+
+            ScaffoldMessenger.of(context).showSnackBar(
+              SnackBar(
+                content: Text('This is a toast message'),
+                duration: Duration(seconds: 2),
+              ),
+            );
+          }
+        }
+      }
     });
 
     String simfilePath = Directory(widget.stepmaniaFolderPath)
@@ -108,12 +134,12 @@ class _LevelState extends State<Level> {
         if (arrowIndex < 0 || arrowIndex > 3) {
           continue;
         }
+        double beat =
+            measureIndex * 4.0 + (noteIndex.toDouble() / measure.length) * 4.0;
+        double minutesPerBeat = 1.0 / bpm;
+        double offsetMinutes = simfile!.offset / 60.0;
         notes.add(Note(
-            time: (measureIndex * 4.0 +
+            time: beat * minutesPerBeat + offsetMinutes,
-                        (noteIndex.toDouble() / measure.length) * 4.0) *
-                    1.0 /
-                    bpm +
-                simfile!.offset / 60.0,
             direction: ArrowDirection.values[arrowIndex]));
       }
     }
@@ -125,7 +151,34 @@ class _LevelState extends State<Level> {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    return KeyboardListener(
+      focusNode: _focusNode,
+      autofocus: true,
+      onKeyEvent: (event) {
+        bool isDown = false;
+        if (event is KeyDownEvent) {
+          isDown = true;
+        } else if (event is KeyUpEvent) {
+          isDown = false;
+        } else {
+          return;
+        }
+        switch (event.logicalKey) {
+          case LogicalKeyboardKey.arrowUp:
+            inputDirection.up = isDown;
+            break;
+          case LogicalKeyboardKey.arrowDown:
+            inputDirection.down = isDown;
+            break;
+          case LogicalKeyboardKey.arrowLeft:
+            inputDirection.left = isDown;
+            break;
+          case LogicalKeyboardKey.arrowRight:
+            inputDirection.right = isDown;
+            break;
+        }
+      },
+      child: Scaffold(
           appBar: AppBar(
             leading: IconButton(
               icon: Icon(_isPlaying ? Icons.pause : Icons.play_arrow),
@@ -161,16 +214,11 @@ class _LevelState extends State<Level> {
                 )),
           ),
           body: Stack(children: [
-          ...notes.map((note) {
+            Arrows(
-            return Arrow(
+                notes: notes,
                 position: _position != null
-                  ? (note.time - _position!.inMilliseconds / 60000.0) *
+                    ? _position!.inMilliseconds.toDouble()
-                      20 *
+                    : 0.0),
-                      MediaQuery.of(context).size.height
-                  : 0.0,
-              direction: note.direction,
-            );
-          }),
             Positioned(
               top: 50,
               width: MediaQuery.of(context).size.width,
@@ -189,11 +237,11 @@ class _LevelState extends State<Level> {
                 height: 100,
                 decoration: BoxDecoration(
                     shape: BoxShape.circle,
-                  // color: Colors.blue,
                     border: Border.all(color: Colors.black, width: 10)),
               ),
             ),
-        ]));
+          ])),
+    );
   }
 
   @override
@@ -204,19 +252,3 @@ class _LevelState extends State<Level> {
     super.dispose();
   }
 }
-
-class Arrow extends StatelessWidget {
-  final double position;
-  final ArrowDirection direction;
-
-  const Arrow({super.key, required this.position, required this.direction});
-
-  @override
-  Widget build(BuildContext context) {
-    return Positioned(
-      left: MediaQuery.of(context).size.width / 2 - 50, // Center the arrow
-      bottom: position + 50,
-      child: Icon(size: 100, color: Colors.redAccent.shade400, direction.icon),
-    );
-  }
-}