Tutorial | Creating A Flash Lite Clock, :) Options

[photographer]

Creating a Flash Lite 1.1 clock!

Hello everyone!
On many requests I made this tutorial for creating a flash lite screensaver/wallpaper with a clock!
Things you will need:

-Adobe Flash
-Inspiration

BASIC CLOCK
1) Create a new flash document in resolution 176*220 (w810i w550i w600i) or 240*320 (w580i s500i w880i w850i w830i).

2) In the properties panel set the publish settings to Flash Lite 1.1

3) Set the background colour to any colour you want, most of you will set a nice picture in the background anyway.

4) Add a new layer and call it Time.

5) Make a textfield on the Time layer and type 99:99:99 and set the var to TIME
(the numbers dont matter, you can type anything you want)


6) Drag the box as far as needed till all text shows up.

7) Make a new layer and call it Action Layer.

8) Open up the actionscript panel and paste this code on frame 1 of the Action Layer:

CODE

fscommand2("GetLocaleTime", "TIME");

TIME_SEC = fscommand2("GetTimeSeconds");
// add leading 0 to hours
if (h<10) {h="0"+h;};

// add leading 0 to seconds
if (s<10) {s="0"+s;};

// add leading 0 to minutes
if (min<10) {min="0"+min;}

9) Go to the 2nd frame of the Time layer and press F5.

10) Go to the 2nd frame of the Time layer and press F5.

Press ctrl+ENTER and see ur done!

Final timeline layout:






ADDING A WALLPAPER!
1) Open the just created document
2) Go to the background layer and press CTRL+R
3) Import the picture you wish
(option! When the wallpaper aint the right size, use the Tranform tool to resize it to the wished format )



ADDING A DATE!
1) Open ur just created document.
2) Make a new layer and call it Date, type any date you wish (like 99-aug-29)
3) Set the var of the Date layer to date
4) On frame 1 of the Action Layer paste this code above the previous code:

CODE

fscommand2 ("GetLocaleLongDate", "DATE");

5) Go to the 2nd frame of the Date layer and press F5

Done!

EMBEDDING A FONT!
1) Open the last created document
2) Select a textbox you created (the one with time or date)
3) Click "embed" in the properties panel

4) select the line 0-9 and type : in the box under it

5) Press ok!

ADDING NOW PLAYING SECTION!
(Thanks AKSHAY for this)
1.Create a new layer Music or XYZ.
2. Create three dynamic text boxes.
3. Set each text box VAR as TIME, ARTIST, ALBUM respectively.
4. Then add this code to the ActionScript layer or Same Music layer.

CODE

loadVariables("MP:",_root);
fscommand2 ("MP:", "TITLE");
fscommand2 ("MP:", "ARTIST");
fscommand2 ("MP:", "ALBUM");

Adding battery level, signal strength and volum level!
(Thanks DEATHNITE for this section )
1) Battery level

CODE

batt = fscommand2("GetBatteryLevel");
batt_txt = batt add " %";
setProperty("batt_fill", _xscale, batt);

2) Signal level

CODE

sig = fscommand2("GetSignalLevel");
sig_txt = sig add " %";
setProperty("batt_fill", _xscale, batt);
/:sigframe = int(sig / 100 * 5 + 0.5);
tellTarget("sig_level")
{
    gotoAndStop(eval("/:sigframe") + 1);
} // End of TellTarget

3) Volume level

CODE

  vol = fscommand2("GetVolumeLevel");
vol_txt = vol add " %";

Done!
I hope you had fun!

This post has been edited by Photographer: 2008-06-12 09:40

[Snowiffic]

Hey Mate!!

Very good!



I was looking for this, great tutorial.
I guess there will be 1000 clocks in a week

This post has been edited by Mr. Thunderbird: 2007-08-22 20:05

[photographer]

thx

Have fun

*still adding stuff*

[paky]

Great tutorial.. thanx

this is my first flash wallpaper

Attached File(s)

 boubble_shade_clock.zip ( 8.49K ) Number of downloads: 873

 

[photographer]

oooh nice You should set the quality of the wallpaper to 0 compression....

1) Double click the picture icon (to the left of the name of the background in the library)
2) Mess with the settings

[paky]

I have change the compression of movie, now it's to 100

Attached File(s)

 vibrate_clock.zip ( 121.75K ) Number of downloads: 848
 boubble_shade_clock2.zip ( 28.14K ) Number of downloads: 438

 

[Fus10n]

verry nice! just need to try this out

thanks for this photographer!

[photographer]

My pleasure
Good job on those wallpapers, paky!

[guss]

hey..i put one of ur clock on my nokia 6234 but the clock dont work
...why?

[Snowiffic]

hey..i put one of ur clock on my nokia 6234 but the clock dont work
...why?

Because this is a SonyEricsson forum

[deathnite]

haha, here comes my first flash wallpaper, looks better with the theme i got resized.



This post has been edited by deathnite: 2008-01-12 12:34

Attached File(s)

 alcurniad_clock.zip ( 38.85K ) Number of downloads: 324
 Everchanging_DayAndNight_Resized.zip ( 82.1K ) Number of downloads: 419

 

[ikjadoon]

Quick question. Do these work 'straight from the download'? Do I need to upload any .swf files and such?

~Ibrahim~

[photographer]

you need to upload the downloaded .swf into the images folder of ur phone

[ikjadoon]

you need to upload the downloaded .swf into the images folder of ur phone

That's what I thought. Thanks, they look pretty awesome!

~Ibrahim~

[Carlosmarioagame...]

I can use Flash wallpapers on my w600 =(
Btw, good work Photographer

[Dr.Uberveguad]

Congrats, great nub tutorials

[missawackie]

here is my first try Vistal.swf 176x220


This post has been edited by missawackie: 2007-09-01 04:28

Attached File(s)

 Vistal.rar ( 16.97K ) Number of downloads: 175

 

[Dr.Uberveguad]

Nince job missawackie

[photographer]

Thats pretty lovely missawacky!!!

[missawackie]

thks to Photographer for the tutorial