Featured Flash FLA 11336 Flash Movies | 2 New Flash Movies Added What's New | Top 100 Featured FLA » Author: Surjit Dhami » Title: Book » Description: Book » More by Surjit Dhami Random FLAs | Add Flash Movie Featured Flash Site 5848 Flash Sites | 0 New Flash Links What's New | Top 100 Flash Site Featured Site » Posted in the Flash Kit Links section » Title: All-American Rejects » Description: Get to know this great band by exploring their "practice room". Random Links | Add your own Flash Related Links

1277 Tutorials 7 New Tutorials Added! What's New | Top100 » Create xml slideshow with free template » How to Insert a Multilingual Subtitle Into Your Flash Video Studio » How to Create Cool Halloween Slideshow » Debugging flash using the Firebug console » Create Flash Slideshow on Blogger » FLASH TRICKS IN WEB ADVERTISING: FLASH BANNERS » HTML Photo Gallery Tutorial » Create your first flash site – PART 1 » How to Make a Flash Photo Gallery » Unknown Tag: Title10 Random Tutorial | Add Site

Trading Customer Accounting (IL) Next Step Systems US-IL-Chicago Post A Job | Post A Resume

Tutorials Home What's New Top Rated Submit myTutes Random!

Tutorials » Actionscripting/Basic

12 HOUR Digital Clock
Author: Daniel Agostinelli

The first step is to create the actual interface. You can do this how you want, as long as you have the dynamic text boxes (more later). for now, to make things easy, just follow how I do it. (By the Way, this is my first ever flash tutorial, so please bear with any mistakes).

Ok, lets begin. open a new flash document, set the size to 550x250, and a frame rate of about 12fps(frames per second). set the background to white. See the image below:

Open your library window (windows/library) if its not already opened. Press the plus sign in the library. Set the behavior to movie clip, name will be interface. You should be taken to a new place, where the stage is fully white. This is where we create/edit out clip "interface". This will be out clock. Select the rectangle tool (stroke: transparent, fill: black). create a rectangle of any size on the stage. using the arrow tool, select the rectangle. with the property inspector open, set the width to 300, and height to 100. open the align window and centre it to the stage.

Select the text tool. In the text tool drop down menu, select dynamic text. Dynamic text boxes can hold user imputed data, changing data or anything else. These are used when the text displayed will not always be the same eg. date and time. Make the text colour a bright green, and make the text size 38. Create a text box to the left of the rectangle, covering about one third or the rectangle. In the box, type "HR". this is so we know out hours will always fit. In the var box, type timehours. This is pretty much the name of the data that will be displayed in the field. Resize the textbox to its minimal size, making sure the text fits on one line. Repeat this another two times, changing the middle text box to var timeminutes, and making the text say MN. In the right text box, set the variable name to timeseconds, and the text in the box should say SC. make the font size of the seconds box size. Create a final text box in the middle of the hour and minutes box. Change the type to static, and make a colen(:).

Finally, create small AM and PM static texts to go along the side. Align everything like i have done below:

» Forums
	More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.

10 9 8 7 6 5 4 3 2 1