search

3DStreet / 3dstreet

🚲🚶🚌 Web-based 3D visualization of streets using A-Frame
https://3dstreet.app
Other
262 stars 33 forks source link

Keyboard navigation #384

Open elisfsharri opened 1 year ago

elisfsharri commented 1 year ago

Use WASD to navigate (even during edit mode). Use Q and E for rotation. Use arrow keys for moving the selected prop(/s). For elevation there are two options : 1 - Use PageUp and PageDown (Cities Skylines style) 2 - Use Shift + Mouse Wheel (Railway Empire style)

kfarr commented 1 year ago

Thanks for this suggestion @elisfsharri

I like the idea to make it easier to move around a scene in editor mode, and it also might be confusing to users that they can use WASD controls in Viewer mode but not Editor mode.

There are already some keyboard controls, most of which are directly inherited from the A-Frame inspector 3DStreet was forked from. Here are the current keyboard shortcuts, pasting screenshot of in-app help menu: image

I'd be curious how we could modify the keyboard shortcuts to allow for navigation via keyboard while also retaining keyboard shortcuts for features (ok to remap to new keys, just not sure what are the right mappings)