Badge/Award Indicator animation about greatreadingadventure

[k7hpn]

When I added the odometer animation I wasn't really concerned about it rolling back the number as the user selects another display option. I've briefly looked into trying to remove the odometer animation once the page has loaded (by binding to the odometerdone event and using it to remove the odometer CSS class). Unfortunately, the ability to remove the odometer CSS class seems to not be a feature of that particular JavaScript project - it causes the numeric display to malfunction (it adds 8's between each digit?).

For now I don't see any problems with the current behavior. It's possible to use the other odometer animation method (count) to minimize the animation or remove odometer.js entirely if the animation is too distracting. Is this a critical issue? Would one of these workarounds work for now?

We could also file an issue with the odometer project to ask if there's a way to disable the animation once it's fully loaded.

[justinmeiners]

Ok no worries. It doesn't seem broken or anything, I just thought it was a little odd. Could maybe the other numbers be changed to be 3 digits like the point spinner? I think the biggest issue is the abrupt change from "XXX" to "000" to suddenly "0".

[k7hpn]

I agree that it's a little weird. In our currently-running winter program we have about 2,000 points earned, around 3,000 badges awarded, and 500 challenges completed so it looks a littel bit less awkward. I'll continue thinking about this and looking into options. Let me know if you have any other ideas or find any options!

[k7hpn]

I'm going to close this for now.