XWidgetSoft Forum

I have a rotator for a second hand and have bound it to the datetimecore using the ${SecondPercent} tag to control clock hand movement. The hand moves one tick each second.

I would like to make the hand move more smoothly and to slide around the face moving in tenths of a second divisions. Is there a tag that does this automatically or do I have to do it in code?

BUMP: anyone out there with an idea as to how to do this with the IDE, timer cores and tags?

I can simply do it in code using javascript with the following function called by a timer with an interval of 0.1s

function updateTime() {
var theDate = new Date();

var theSeconds = theDate.getSeconds();
var theMilliseconds = theDate.getMilliseconds();
var useSeconds = Math.round(10 * (theSeconds + (theMilliseconds / 1000))) / 10;
secondHand.RotateAngle = (useSeconds * 6) % 360;
}

The above code is standard .js and might need fettling for Xwidget to extract the date/time information - Xwidget provides this sort of data.

Click on the second hand and unbind the datetimecore2 and remove the tag.
Clicking on datetimecore2 allows you to select the functions for it - you should add 'updateTime'.
This got the hands rotating at a 1 second interval.

Set the interval on datetime core to 100ms, smooth animation now achieved.

Do the same for any shadow image you have created and the shadow will rotate in synch. with the second hand.

Note: the hands only rotate when the widget is running and not in the IDE.

I don't understand very well your thought man, but check the "Animate" tab -> Switch Aanimation and test the various combinations/effects changing also the "Duration (Sec)". Keep in mind to control the cpu usage though...

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

I'll have a look, thanks - but the usage of the switch animation is completely unclear to me and in the absence of any documentation I don't currently see how to use this part of the Xwidget IDE. If you have used it and have some examples then I'd appreciate the help.

Instead I have added that javascript function which is called by the datetime core on the onUpdate event. Instead of using the Xwidget functions it uses the rotateAngle property to rotate the second hand. It seems to work very well.

What I was looking for Jim is a way of using the ${SecondPercent} tag or similar to move the second hand smoothly rather than jerkily, the ${SecondPercent} tag rotates the hand only once per second.

That Konfabulator widget, the thread of which you deleted earlier, shows exactly how I want the hand to move.

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

Thankyou Jim, I'll post the widget here shortly for you to have a look at. That widget you directed me to should be enough as it does some nifty stuff - I'll have a look and see how it does what it does, thanks!

That is a very nifty effect and I do like it. I see what you are trying to recommend, to add a linear effect to the rotation of the hand, I can't get it to work but I like the idea.

See my second post on how I fixed it. Doing it in javascript code is much more simple than trying to figure out how to use an undocumented feature in Xwidgets.