Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added keyboard shortcuts to enhance editing #31

Open
wants to merge 3 commits into
base: master
Choose a base branch
from

Conversation

therealtakeshi
Copy link

@therealtakeshi therealtakeshi commented Jan 31, 2019

I really like frame.js, and I've made a few things with it, but there have been some annoyances as I've been using it for another project. So I thought I'd take some time to add some functionality to really help me use the tool more+better. I'm happy to take critique and make changes if needed for accepting.

The code is fairly simple thanks to the Mousetrap keyboard event library, but basically:

  • Holding Shift scales down the amount of change while traversing timeline with arrow keys and while dragging blocks
  • Holding Cmd/Ctrl scales up that same amount of change
  • Holding Alt snaps the new values (timeline value, or event start/end) to larger increments so you don't have to be so precise while dragging
  • Tapping Shift+D or D twice with a block selected will duplicate it as if you'd clicked the menu option
  • Tapping X or Delete with a block selected will remove it as if you'd clicked the menu option

Also updated the README to clarify the key commands, but I get it if you'd prefer keeping it real slim.

Added Mousetrap keyboard event library;
Refactored basic existing controls
Added ctrl/alt/shift modifiers for timeline and blocks;
Added shortcuts for duplicating/deleting blocks;
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