Skip to content

Implement elastic drag effect for remaining cards after placement#2529

Closed
khushal-winner wants to merge 1 commit intoOWASP:masterfrom
khushal-winner:feature/elastic-drag-effect
Closed

Implement elastic drag effect for remaining cards after placement#2529
khushal-winner wants to merge 1 commit intoOWASP:masterfrom
khushal-winner:feature/elastic-drag-effect

Conversation

@khushal-winner
Copy link
Contributor

  • Add elastic physics with stretch and spring-back animation
  • Replace forbidden cursor with interactive elastic feedback
  • Apply effect only when player has played card in current round
  • Update state management to track card placement timing
  • Add CSS transitions and JavaScript animation logic
2026-03-05.22-32-57.mp4

Changes:

  • assets/css/cards.scss: Add elastic effect styles
  • assets/js/app.js: Implement elastic drag physics
  • lib/copi_web/live/player_live/show.ex: Update state tracking
  • lib/copi_web/live/player_live/show.html.heex: Apply elastic classes

@khushal-winner khushal-winner force-pushed the feature/elastic-drag-effect branch 3 times, most recently from f908805 to 8aa59ab Compare March 5, 2026 17:10
- Add elastic physics with stretch and spring-back animation
- Replace forbidden cursor with interactive elastic feedback
- Apply effect only when player has played card in current round
- Update state management to track card placement timing
- Add z-100 for proper layering during drag interactions
- Add CSS transitions and JavaScript animation logic

Changes:
- assets/css/cards.scss: Add elastic effect styles
- assets/js/app.js: Implement elastic drag physics with z-index management
- lib/copi_web/live/player_live/show.ex: Update state tracking
- lib/copi_web/live/player_live/show.html.heex: Apply elastic classes with z-100
@khushal-winner khushal-winner force-pushed the feature/elastic-drag-effect branch from 8aa59ab to 1580916 Compare March 5, 2026 17:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant