Comments (7)
Agreed, the current behavior is horrible in Chrome/Mac when using the touch pad.
from aoe2techtree.
Here's an example of the jumping behavior.
I first scroll in one direction by swiping left on a trackpad a few times, then scroll back by swiping right.
Notice the jumping behavior, especially when scrolling back.
from aoe2techtree.
Well, I do not have access to an input device that does multidirectional scrolling. This means I cannot test if this simple solution works for you both, so please test it and report back: https://hszemi.github.io/aoe2techtree/#Aztecs
While this feature might in its current state be a nuisance to you, and understandably so, it has been requested by others. I myself find it very handy as well. Therefore I would very much like to keep it, and instead try to make it work for you as well.
The right hand side part of the tech tree should adapt its height to the available vertical space, so scrolling vertically there should never be necessary. If that is not the case, I would consider that a bug. Alternatively, there should be a vertical scrollbar that can be used. Or keyboard arrows, as you suggested.
A UI control to disable the feature I would see as a last resort since that would take up valuable screen space. I hope there is a more covert way to resolve your issues.
from aoe2techtree.
I can repro the odd scrolling issues when using the trackpad on my macbookpro.
I spent some time with https://hszemi.github.io/aoe2techtree/ and it seems smooth there, no jumps.
I will point out that there's an alternative to this wheel/delta handling… The shiftkey + scrollwheel
combo does universally scroll horizontally. AFAIK it's been supported in OS/browsers for decades.
I have been successfully using shift+wheel on the webapp for a while now. (you can try on my older fork that's missing the wheel handling) Of course, most people aren't aware of this and that's a UX challenge on its own.
from aoe2techtree.
Thank you for testing and reporting your result
Since the change apparently is an improvement and does not have new known side effects, I have applied it to the main site.
I know about scrolling vertically with shift+wheel, but on the techtree website it feels like walking with ball and chain to me. I need 11 turns of the wheel to traverse the tech tree completely with shift+wheel, as opposed to about six turns with horizontal auto-scroll.
An added bonus is of course that the in-game tech tree also scrolls horizontally without shift.
from aoe2techtree.
An added bonus is of course that the in-game tech tree also scrolls horizontally without shift.
yeah that's a very good point.
from aoe2techtree.
Looks like the current solution has not spawned new issues so far
Closing this for now.
from aoe2techtree.
Related Issues (20)
- The red X is hard to see according to a color blind person
- Xolotl Warrior availability for Mayans HOT 2
- Houfnice does 55 attack damage to undefined unit/building under advanced stats HOT 1
- Armor classes HOT 10
- Units with ability to charge stats HOT 1
- Monks HOT 1
- Keep tech does not add range HOT 4
- Sergeant from castle-lane shows its stats from feudal age and not castle age HOT 5
- Sicilians bugged HOT 1
- Shotel/Camel "undefined" armour, Cavalry "undefined" attack seems to be for Royal Heirs HOT 1
- Repeatable confusion HOT 3
- Separate Tech Tree for Return of Rome Mode HOT 2
- Camel Rider - Cavalry Resistance - Ethiopians HOT 2
- Charge attack and cooldown as additional stats HOT 2
- Common tree vs. Civ-specific trees HOT 2
- Not full translation for Khmer in russian HOT 1
- Multilingual SEO HOT 2
- MeleeArmor/PierceArmor differs from Base Melee/Pierce HOT 2
- Civ dropdown multilingual sorting HOT 1
- Add new Civs from Dawn of the Dukes HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from aoe2techtree.