Skip to content

Avogadro Gets More Eye Candy (Visual Cues)

During my trip to Paris Benoit and I discussed our ideas for adding some nice eye candy to Avogadro that would give better visual cues as to what exactly the tool was doing. In the case of the navigation tool each mouse button triggers a movement around the atom in a different sense, i.e. the left mouse initiates rotation, the middle initiates zooming/tilting and the right initiates translation. We had considered how best to convey this to the user without them needing to read the manual as most of us avoid doing that!

Avogadro rotation

The screen shot above shows the visual cue we worked on for atom centric rotation. Benoit and I worked on the initial code in the Versailles gardens and I finished it off when I got back. I really like this one which shows rotation about the x and y axes. As you rotate about the atom the arrows rotate around too allowing you to quickly see how much you have rotated the view by. I have been thinking about the usefulness of adding a text display of x and y rotation to the tool too.

Avogadro translation

This screen shot shows the visual cue for atom centric translation. This cue isn't quite as dynamic as the rotation one but I think it conveys very quickly what the tool is doing. It also moves around the atom surface with perspective and that looks quite nice. We have planned one for zooming and tilting but I haven't had chance to implement that yet.

Avogadro angle measurement

Today I added another visual cue to our click measure tool too - showing the angle which is being measured by the tool. Much credit goes to the guys who worked on the bond centric manipulation tool who added the code to the painter for drawing shaded sectors. I took the opportunity to add units to the displayed measurements too as they really should be displayed.

I do have more plans for eye candy and will try to highlight them as they are implemented. I would love to know if people think that these additions are useful. I think it makes the tools far more intuitive and so reduces the learning curve.


No Trackbacks


Display comments as Linear | Threaded

Robin on :

RobinI have never used Avogadro, but it looks nice :-).

steve on :

steveNice, any chance you can post a video demo?

Marcus D. Hanwell on :

Marcus D. HanwellIf you take a look at my latest blog post that shows these visual cues in action. Feel free to let me know what you think of the screencasts there.

Boiler Replacement on :

Boiler ReplacementI would like to thank you for the efforts you have made in writing this article
Boiler Replacement

Add Comment

Enclosing asterisks marks text as bold (*word*), underscore are made via _word_.
Standard emoticons like :-) and ;-) are converted to images.
E-Mail addresses will not be displayed and will only be used for E-Mail notifications.
To leave a comment you must approve it via e-mail, which will be sent to your address after submission.
You can use [geshi lang=lang_name [,ln={y|n}]][/geshi] tags to embed source code snippets.
Form options