Web Style Press, Best Practices from all the Web, Build Better Websites » Utilities

Scrollbars In flash – Flash Content Scroll

Hiroshi — Sun, 26 Oct 2008 16:52:46 +0000

This is very important when working in flash and large amount of content. Flash movies tend to be fixed in width and height usually. If we have much content based on text or images and we have to fit that all in the same flash movie then here is what content scroll in flash will help us in doing it.

Flash Scroll bar

Custom Scroll bar With easing motion of content controlled by actionscript.

Download Flash Scroller

Simple Text Scroll

Very simple scroll controlled by two buttons.

Download Simple Flash Scroll

Scrollbars In flash – Flash Content Scroll is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Flash Mouse Effects

Hiroshi — Sun, 26 Oct 2008 16:39:39 +0000

In this section lets play with mouse cursor in Flash. You can do the following:

Mouse hide, show in Flash
Mouse Trailers in Flash
Creating Custom Mouse Pointer in Flash

Mouse hide, show

You can show or hide mouse by using following scripts.

Mouse.show();

Mouse.hide();

Mouse Trailers

Name Trailer

At blank stage place this action script.

Text = "Javed Khalil Hiroshi";
letters = Text.split("");
letterformat = new TextFormat();
letterformat.font = "Verdana";
letterformat.align = "center";
letterformat.size = "10";
spacing = 8;
speed = 3;
for (var LTR = 0; LTR<letters.length; LTR++) {
mc = _root.createEmptyMovieClip(LTR+"l", LTR);
mc.createTextField(letters[LTR]+"t", LTR, LTR*spacing, 10, 20, 20);
with (mc[letters[LTR]+"t"]) {
text = letters[LTR];
setTextFormat(letterformat);
selectable = false;
}
if (LTR) {
mc.prevClip = _root[(LTR-1)+"l"];
mc.onEnterFrame = function() {
this._x += (this.prevClip._x-this._x+5)/speed;
this._y += (this.prevClip._y-this._y)/speed;
};
} else {
mc.onEnterFrame = function() {
this._x += (_root._xmouse-this._x+10)/speed;
this._y += (_root._ymouse-this._y)/speed;
};
}
}

Creating Custom Mouse Pointer

Action on first frame

startDrag("/my mouse", true);
Mouse.hide();

Action on Mouse movieclip

onClipEvent (load) {
Mouse.hide();
}

While my mouse is mouse pointer movieclip name.

Download Custom Mouse Pointer Example

Download Mouse Trailers

Mouse Following Objects – Download Examples

Download Duplicate Movieclip Example

Flash Mouse Effects is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Google Search From Flash Using ActionScript

Hiroshi — Sun, 26 Oct 2008 15:57:22 +0000

Here is a method to search Google from flash. AdSense users can also use this script.

Download Google Search From Flash Example

Google Search From Flash Using ActionScript is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Swap Depth In Flash

Hiroshi — Sun, 26 Oct 2008 15:37:38 +0000

Swap depth is changing order of movie clips. You can bring some movie clip at top level of other movie or behind it using Swap depth. Using ActionScript here is an easy example to do it.

Take two movie clips named as A and B and you can move them up or behind each others by swap depth.

Download Script

Swap Depth In Flash is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Flash Window or Movie Move – Dragable Content Using ActionScript

Hiroshi — Sun, 26 Oct 2008 10:53:39 +0000

Drag-able content is flash looks very sexy. Suppose you created a movie clip that had all the sound controls in it. You can enable it to drag freely across the main movie or within fixed parameters. I used it once at sound control panel. I had to create a movie clip that is able to appear and disappear and also it was able to move within fixed parameters. Its so cool.

Simple Movie Drag

Create a movieclip and name it d or whatever you like. In movie clip create a button and put actionscript on it.

on (press) {
startDrag("/d");
}
on (release) {
stopDrag();
}

Download Drag Script

Drag with Parameters and Control

To apply restrictions for specific area in which movie clip is drag able consider this example.

on (press) {
startDrag("_root.window", false, 92, 92, 458, 308);
}
on (release) {
stopDrag();
}

92, 92, 458, 308 are left, right, top and bottom parameters boundries window cant cross. Window is movie clip name which is concerned.

Download Script

Multiple Objects Drag Example

Movie Properties Control

Move movie clip right, left, up, down, resize, rotate, brightness, contrast etc

Download Movie Properties Control Example

Flash Window or Movie Move – Dragable Content Using ActionScript is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Create Flash Login System using ActionScript

Hiroshi — Sun, 26 Oct 2008 10:40:03 +0000

If you want some hidden part or admin section in your flash movie then you can just create a login system for Flash using ActionScript.

Simple Flash File Login

Method 1 – Two Users

Take input fields user and pass. Create other two sections of login successful and login failed also. Create a Button and write following actionscript over it.

on (release, keyPress "") {
if ((user=="javed" && pass=="letmein") || (user=="admin" && pass=="go")) {
gotoAndStop(10);
} else {
gotoAndStop(5);
}
}

This is simple condition example in flash actionscript. If provided login name and password will match with what are in the actionscript, the script will show success page, otherwise will return after showing login failed message.

Download Files

Method 2 – Single User, Different Actionscript

Create input fields user and pass. Create other two sections of login successful and login failed also. Take a Button and write actionscript over it.

on (release, keyPress "") {
if (user eq"user" and pass eq"pass") {
gotoAndStop(2);
} else {
gotoAndStop(3);
}
}

Download Files

Create Flash Login System using ActionScript is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Counting In Flash – Flash Counter

Hiroshi — Sun, 26 Oct 2008 10:28:39 +0000

What is the point of counting in flash? Well if there is any point, then You can make count downs or count ups and then trigger some action on its completion. Following tutorials will guide you about how to create counters in flash using ActionScript.

Counting Up Till 100

Take a dynamic text field and name it a or txt etc.Here i took a. Its defining a variable. First frame must be empty. At second frame take that dynamic field and at another layer place actionscript sequence in frames as following:

First Frame

a=1;

Second Frame

a=a+1;
if (a==100) {
gotoAndStop(4);
}

Third Frame

gotoAndPlay(2);

Fourth Frame

a=100;

Download Counting Script

Unlimited Counting Up

Same dynamic field but actionscript will be:

First Frame

a=1;

Second Frame

a=a+1;

Third Frame

gotoAndPlay(2);

Download Script

Counting Down 100 to 1

Same dynamic field but actionscript will be:

First Frame

a=100;

Second Frame

a=a-1;
if (a==1) {
gotoAndStop(4);
}

Third Frame

gotoAndPlay(2);

Fourth Frame

a=1;

Download Counting Down In Flash

Counting In Flash – Flash Counter is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Flash – Go To Frame ActionScript

Hiroshi — Sun, 26 Oct 2008 09:56:07 +0000

When you have got a movie and you want to navigate it frame by frame then this script is handy. You can write frame number to jump at that frame. Add stop button on starting frame. Create new frames and add relevant contents on them. Create an input text and name it (assign variable) goto and create a button and write following action script on that.

on (release) {
if (Number(/:goto)>5) {
gotoAndStop(7);
}
}
on (release) {
if (Number(/:goto) == 1) {
gotoAndStop(2);
} else if (Number(/:goto) == 2) {
gotoAndStop(3);
} else if (Number(/:goto) == 3) {
gotoAndStop(4);
} else if (Number(/:goto) == 4) {
gotoAndStop(5);
} else if (Number(/:goto) == 4) {
gotoAndStop(5);
} else {
gotoAndStop(7);
}
}

Download Script

Flash – Go To Frame ActionScript is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Date and Time In Flash

Hiroshi — Sat, 25 Oct 2008 14:06:20 +0000

Following example will show you how to create date and time function in flash. Read tutorial and download example. Create a dynamic text field named as Mytime or whatever you like. Create a movie clip outside of movie area (canvas), and write the following script on that and you are done.

onClipEvent (enterFrame) {
_root.Mytime = new Date(hour,min,sec,ms);
}

Download Date and Time Adob Flash Example

Date and Time In Flash is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Image Transitions – Effects and Particle Systems In Adobe Flash

Hiroshi — Sat, 25 Oct 2008 13:54:43 +0000

Following are some particle systems made in flash using ActionScript. I have ‘Flash Fairies particle system’, ‘Flash Snow Effect’, ‘Flash Stars Field’, ‘Flash Smoke Effect’, ‘Flash Stars Effect’, ‘Flash Rain Effect’, ‘Flash Background Color Effect’, ‘Flash Leaves Particle System’ and more…with examples to download.

Snow – Fairies – Particle System

Snow effect with flakes. You can modify flakes into fairies also or any other particle system.

Download Snow Effect

Realistic Snow Effect

Realistic snow effect in adobe flash created with single movie clip.

Download Realistic Snow Effect

Stars Field Falling Back

Beautiful stars field receding created with actionscript.

Downlaod Stars Field Effect

Stars Field Lifting Up With Moon

Star Field going up while moon appears.

Download Stars Field and Moon Effect

Smoke

Realistic smoke effect.

Download Smoke Effect

Twinkle Twinkle Stars

Stars Twinkling or little moths circling.

Download Stars or Moths Particle System

Adobe Flash Rain Effect

Rain pouring down. Flash rain effect.

Download Rain Drops Flash Effect

Bg Color Changer

Background changer with smooth transition using actionscript.

Download Background Color Changer

Leaves System In Flash

Lots of leaves or hearts or any particles you can use which go upwards and on mouse over they one by one go disappear. great flash effect.

Download Leaves System

Bug Walks On MouseOver – Flash Actionscript

When you place mouse over bug it walks and stops after some time and stay until you poke it again with mouse.

Download Moving Bug Controlled Via Actionscript

Image Transitions – Effects and Particle Systems In Adobe Flash is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Web Style Press, Best Practices from all the Web, Build Better Websites » Utilities

Scrollbars In flash – Flash Content Scroll

Flash Scroll bar

Simple Text Scroll

Related Posts

Flash Mouse Effects

Mouse hide, show

Mouse Trailers

Name Trailer

Creating Custom Mouse Pointer

Action on first frame

Action on Mouse movieclip

Related Posts

Google Search From Flash Using ActionScript

Related Posts

Swap Depth In Flash

Related Posts

Flash Window or Movie Move – Dragable Content Using ActionScript

Simple Movie Drag

Drag with Parameters and Control

Movie Properties Control

Related Posts

Create Flash Login System using ActionScript

Simple Flash File Login

Method 1 – Two Users

Method 2 – Single User, Different Actionscript

Related Posts

Counting In Flash – Flash Counter

Counting Up Till 100

First Frame

Second Frame

Third Frame

Fourth Frame

Unlimited Counting Up

First Frame

Second Frame

Third Frame

Counting Down 100 to 1

First Frame

Second Frame

Third Frame

Fourth Frame

Related Posts

Flash – Go To Frame ActionScript

Related Posts

Date and Time In Flash

Related Posts

Image Transitions – Effects and Particle Systems In Adobe Flash

Snow – Fairies – Particle System

Realistic Snow Effect

Stars Field Falling Back

Stars Field Lifting Up With Moon

Smoke

Twinkle Twinkle Stars

Adobe Flash Rain Effect

Bg Color Changer

Leaves System In Flash

Bug Walks On MouseOver – Flash Actionscript

Related Posts