First time here? First time here? Newsletter Signup Newsletter
651326 Members and growing! | Flash Jobs
Search tutorials
Author: luco | Website: http://www.luco.com.br

[gimme more]

"what, is all that it takes to make a smooth-moving clock?" nope. the clock is KINDA READY, BUT NOT SO. does that strike a chord? hope so. with the next lines of code, the hours hand will move according to how many minutes have passed within the hour, too. so, when it's 14:51, it'll be closer to 3 than to 2. and it will not tick anymore. sorry, kids. the tick will become extinct. same thing goes for the minutes hand and the seconds hand. there's some add-ons to the code which will make it run more smoothly. what the heck, let's display the code all over again, for easier copying and pasting. here go:
onClipEvent (enterFrame) {
    // gets the time information and stores in a variable called "now"
    now = new Date();
    // assigns values individually
    h = now.getHours();
    m = now.getMinutes();
    s = now.getSeconds();
    d = now.getMilliseconds();
    // angle adjust relative to the hours
    setProperty(_root.clock.hrs, _rotation, (h+1)*30 + m/2);
    // angle adjust relative to the minutes
    setProperty(_root.clock.min, _rotation, m*6 + s/10);
    // angle adjust relative to the seconds
    setProperty(_root.clock.sec, _rotation, s*6+d/156);
}
as you can see, there's a new variable in the game. that's "d", for milliseconds. why milliseconds? don't ask me - charge Macromedia for a way to store decimals of seconds in a variable. we need the decimals, but hopefully they can be extracted by multiplying milliseconds by 100. have you ever tried that? it's fun and exciting, in a warped, mathematical manner. and what are decimals doing in a clock that displays only hours, minutes and seconds? simple. we'll use minutes to help control the hours hand position; seconds to help control the minutes hand position; aaand... you get the picture. so, when you set the angle of the hours hand NOW, it'll be like this:
    setProperty(_root.clock.hrs, _rotation, (h+1)*30 + m/2);
this means adding half the passed minutes to the value of the angle set for the hours hand. and this is probably because m/2 is a maximum of 30 degrees, which is actually how much the hours hand would turn anyway. basically the same thing happens on the other hand, I mean, on the other hands. so no need to go any further. finishing, just add this code to your favourite clock movieclip and preview it! you should see it working....... as a clock. duh. for added fun, you can try UTC values. these are wordwide standards set by the Greenwich Mean Time, now called universal time or UTC. try using "h = now.getUTCHours();", for example. if you get any doubts, check out the included files. they are a sample of the tick clock and the smooth-moving clock. or you can e-mail me anytime :) enjoy!
» Level Intermediate

Added: 2003-12-28
Rating: 6 Votes: 21
(10 being the highest)
» Author
Brazillian advertiser-webdesigner hybrid. likz art, heavy, grooved electro-music + Brazillian rythms. plays capoeira. enjoys comedies, but when watches drama cries like a baby. that's it!
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!

Comments

  • There are no comments yet. Be the first to comment!

  • You must have javascript enabled in order to post comments.

Leave a Comment
  • Your email address will not be published. All fields are required.
Featured Flash FLA
» Author: work2survive
» Title: Girl Walking 1kb
» Description: Walking girl, animation just takes 1kb, using high heels shoes, and fashion model attitude.
Featured Sound Loops
Image for equalize

Audio Player

» Author: BoxCat
» Title: CPU Talk
» Description: From the cyberpunk RPG, "Nameless: the Hackers" Completely Free to use! Keywords: edm hip hop rap electronic mysterious mission hacking chase exciting spy ios ambient chilling love happy sad angry suspense
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: nathan
» Description:

A recorded sound of the Dimensional Fork Gate.