Wind Run <-> odometer

[CrasHBoneS]

I have "odometer" to display WindRun in WindSpeed gauge
http://www.meteobellaria.it/stazione1/gaugesSS.php

-Odometer display "value A"
-Windrun data change (from "value A" to "value B")
-Countdown refresh timer go to 0
-Odometer display "value B"

The transition from value A to B should be "animated" as in the demo page? [http://www.wilmslowastro.com/steelserie ... xtras.html]

On my web page the transition is not "animated", I see value A and the value B

[mcrossley]

Ah yes, the odometer embedded in the Radial gauge only supports .setValue() and not .setValueAnimated() - I'll get that added to the SS library.

The standalone odometer does support .setValueAnimated().

[CrasHBoneS]

Thank You for the answer!

I modified steeleseries.js and it's working with animated transistion

Before
// Draw lcd display
if (lcdVisible) {
if (useOdometer) {
odoGauge.setValue(odometerUseValue ? value : odoValue);
mainCtx.drawImage(odoBuffer, odoPosX, odoPosY);
} else {
drawLcdText(value);
}
}

After
// Draw lcd display
if (lcdVisible) {
if (useOdometer) {
odoGauge.setValueAnimated(odometerUseValue ? value : odoValue);
mainCtx.drawImage(odoBuffer, odoPosX, odoPosY);
} else {
drawLcdText(value);
}
}

[mcrossley]

Hmm, I looked at implementing setValueAnimated() in Radial gauges - it's not trivial and probably why I didn't do it first time round. You will find your solution doesn't work properly. It will be more reliable if you change the tween timer in odometer...

Code: Select all

from
                tween = new Tween({}, '', Tween.strongEaseOut, value, newVal, 2);
to
                tween = new Tween({}, '', Tween.strongEaseOut, value, newVal, 1);

To implement this properly is going to require implementing callbacks from the odometer component to the radial gauge