services/mtg-online-drafter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
842beae4193dfbb501bd8b703b07256dba709235
mtg-online-drafter/docs/development/devlog/2024-12-18-182500_high_velocity_ux_part2.md

1.2 KiB
Raw Blame History

2024-12-18 18:25:00 - High-Velocity UX Implementation (Part 2: Gestures & Backend Polish)

Description

Advanced the High-Velocity UX implementation by introducing the Gesture Engine and refining the backend Rules Engine to support card movement during resolution.

Key Changes

  1. Gesture Manager: Implemented GestureManager.tsx and integrated it into the Battlefield.
    • Provides Swipe-to-Tap functionality via pointer tracking and intersection checking.
    • Draws a visual SVG path trail for user feedback.
    • Integrated with CardComponent via useGesture hook to register card DOM elements.
  2. Stack Visualizer: Implemented StackVisualizer.tsx to render the stack on the right side of the screen, showing strict object ordering.
  3. Backend Rules Engine:
    • Updated RulesEngine.ts to fully implement resolveTopStack and drawCard.
    • Added moveCardToZone helper to manage state transitions (untapping, resetting position).
    • Fixed typings and logic flow for resolving spells to graveyard vs battlefield.

Next Steps

  • Implement Radial Menu context for activating abilities.
  • Add sound effects for gestures.
  • Polish visual transitions for stack resolution.