Improve hand view responsiveness and fix object spawning

- Add smooth animations and hover effects to hand items
- Fix jittering when dragging items from the hand view
- Ensure spawning objects in a cell appends to existing ones instead of overwriting

Author: CodeDoctorDE

api/lib/src/event/process/server.dart

@@ -183,15 +183,15 @@ ServerProcessed processServerEvent(
     case ObjectsSpawned():
       return ServerProcessed(
         state.mapTableOrDefault(event.table, (table) {
-          var newTable = table;
+          final cells = Map<VectorDefinition, TableCell>.from(table.cells);
           for (final entry in event.objects.entries) {
-            final cell = newTable.cells[entry.key] ?? TableCell();
-            newTable = newTable.copyWith.cellsBox(
-              content: Map<VectorDefinition, TableCell>.from(newTable.cells)
-                ..[entry.key] = cell.copyWith(objects: entry.value),
-            );
+            cells[entry.key] = table
+                .getCell(entry.key)
+                .copyWith
+                .objects
+                .addAll(entry.value);
           }
-          return newTable;
+          return table.copyWith.cellsBox(content: cells);
         }),
       );
     case ObjectsMoved():

app/lib/board/hand/item.dart

@@ -100,6 +100,7 @@ abstract class HandItem<T> extends PositionComponent
         HandItemDropZone,
         DragCallbacks,
         TapCallbacks,
+        HoverCallbacks,
         LongDragCallbacks,
         DoubleTapCallbacks,
         SecondaryTapCallbacks,
@@ -109,6 +110,11 @@ abstract class HandItem<T> extends PositionComponent
   final SpriteComponent _sprite = SpriteComponent();
   late final TextComponent<TextPaint> _label;
 
+  Vector2? targetPosition;
+  double? targetAngle;
+  double? targetWidth;
+  bool _isHovered = false;
+
   HandItem({required this.item})
     : super(size: Vector2(100, 0), anchor: Anchor.bottomCenter);
 
@@ -173,10 +179,53 @@ abstract class HandItem<T> extends PositionComponent
     _updateSpriteSize();
   }
 
+  @override
+  void update(double dt) {
+    super.update(dt);
+    if (targetPosition != null) {
+      if (position.distanceToSquared(targetPosition!) > 0.5) {
+        position.lerp(targetPosition!, dt * 15);
+      } else {
+        position.setFrom(targetPosition!);
+      }
+    }
+    if (targetAngle != null) {
+      if ((angle - targetAngle!).abs() > 0.005) {
+        angle = angle + (targetAngle! - angle) * dt * 15;
+      } else {
+        angle = targetAngle!;
+      }
+    }
+    if (targetWidth != null) {
+      if ((width - targetWidth!).abs() > 0.5) {
+        width = width + (targetWidth! - width) * dt * 15;
+        _label.x = width / 2;
+        _updateSpriteSize();
+      } else {
+        width = targetWidth!;
+      }
+    }
+    
+    final targetScale = _isHovered ? 1.1 : 1.0;
+    if ((scale.x - targetScale).abs() > 0.005) {
+      scale.lerp(Vector2.all(targetScale), dt * 15);
+    } else {
+      scale.setValues(targetScale, targetScale);
+    }
+  }
+
+  @override
+  void onHoverEnter() {
+    _isHovered = true;
+  }
+
+  @override
+  void onHoverExit() {
+    _isHovered = false;
+  }
+
   void updateWidth(double width) {
-    this.width = width;
-    _label.x = width / 2;
-    _updateSpriteSize();
+    targetWidth = width;
   }
 
   void _updateSpriteSize() {
@@ -190,10 +239,10 @@ abstract class HandItem<T> extends PositionComponent
 
     final scaleX = availableWidth / spriteSize.x;
     final scaleY = availableHeight / spriteSize.y;
-    final scale = scaleX < scaleY ? scaleX : scaleY;
+    final spriteScale = scaleX < scaleY ? scaleX : scaleY;
 
-    final newWidth = spriteSize.x * scale;
-    final newHeight = spriteSize.y * scale;
+    final newWidth = spriteSize.x * spriteScale;
+    final newHeight = spriteSize.y * spriteScale;
 
     _sprite.size = Vector2(newWidth, newHeight);
     _sprite.position = Vector2(
@@ -212,7 +261,7 @@ abstract class HandItem<T> extends PositionComponent
     game.world.add(
       _cursorHitbox = HandItemDragCursorHitbox(
         item: this,
-        position: event.localPosition,
+        position: game.camera.globalToLocal(event.canvasPosition),
       ),
     );
     _last = event.canvasPosition;
@@ -247,7 +296,9 @@ abstract class HandItem<T> extends PositionComponent
               opacityTo: 0.5,
             ),
           );
-    add(sprite);
+    if (sprite.parent == null) {
+      add(sprite);
+    }
     sprite.position = event.localEndPosition;
     _last = event.canvasEndPosition;
     _cursorHitbox?.position = game.camera.globalToLocal(

app/lib/board/hand/view.dart

@@ -123,13 +123,15 @@ class GameHand extends CustomPainterComponent
         final offset = activeRelative <= -1 ? -activeItemWidth / 2 : 0;
         y = center.y + itemYOffset * activeRelative.abs();
         x = center.x + offset + activeRelative * itemWidth;
-        element.angle = activeRelative * itemAngle;
+        element.targetAngle = activeRelative * itemAngle;
+      } else {
+        element.targetAngle = 0;
       }
       element.updateWidth(width);
 
       element.changeLabelVisibility(activeRelative.abs() >= 1);
 
-      element.position = Vector2(x, y);
+      element.targetPosition = Vector2(x, y);
     });
   }
 
@@ -282,8 +284,7 @@ class GameHand extends CustomPainterComponent
     if (delta == 0) {
       delta = info.scrollDelta.global.y;
     }
-    delta /= 4;
-    scroll(delta > 0 ? -1 : 1);
+    scroll(-delta * 0.01);
     return true;
   }
 

metadata/en-US/changelogs/11.txt

@@ -4,6 +4,9 @@
 * Add support for game modes and scripts in single-player
 * Add game mode and scripts to editor
 * Add localized names and descriptions for game modes
+* Improve hand view UI animations and responsiveness
+* Fix jittering when dragging items from hand
+* Fix spawning objects overwriting existing ones in a cell
 * Fix server state dropping hidden card variations before script evaluation
 * Fix server builds not created for released versions
 * Improve server docs by ignoring generated files