Entries Tagged 'as3 tutorial' ↓

Loading external SWFs is a pretty easy, very useful way, to help build a Flash site that does not overwhelm the users bandwidth. You may want to build a pretty complex site but you cannot expect the user to download a 3MB SWF to use your site. With the loader you can have the user progressively download parts of the site as they request it.

To start we will be using the Loader Class.

var loader:Loader = new Loader();
var req:URLRequest = new URLRequest();
var url:String = “mySwf.swf”;

req.url = url // we put the url string in the url request

loader.load(req) // load the requested swf

addChild(loader);

Next week I will show your a more advanced way(better) of implementing this.

So I just spent a few hours trying to figure out how to submit form data with Actionscript. It really isn't very hard, so I have discovered after a little research. I am going to show you an example of how to do it which I wouldn't describe as "best practice" but it works.

The reason I describe this as less than best practice is because when you send data to the sever you get no response. So, even though it works 99.9 per cent of the time, you do not get a confirmation that the server received your request.

All my client wants is for a user to be able to enter his / her email address in to a box and have and email sent and then add that email address to an email. So really we are just sending some text to my client from a form. We want the user to enter the text and click send and have it be sent without another browser window opening.

The model for this is as follows: flash will send data to a URL with the POST method and a PHP file will get the data and send an email to my client.

So we need 2 things:

The actionscript...

and the PHP:

So I decided to start working with graphics a bit more. Nothing too exciting, but I wanted to have the earth rise and start rotating in a little flash ad for my company's website. I cut out a nice picture of the earth, imported it to the stage and started scripting. I used a simple tween, which I will post about soon, and all was well.... kinda. So the earth rotated fine but it looked kind of jagged and pixelated at some points during the movement. I figured this was just something I would have to live with and moved on. I came across and article in Justin Everret-Church's blog that talked about image smoothing. Justin is the project manager for Adobe's Flash player.

Long Story short, I tried it. It makes a huge difference and it is scary to think that I might never have come across that feature. When you import an image to the library (jpg, gif, or png), right click it and select properties. When you do that there will be an option called "Allow Image Smoothing." I do not know of any drawbacks to this yet but I do know that it makes a huge difference when animating images.

This post piggy-backs on the previous post about adding text to the screen.? Sometimes just adding text does not cut it.? This matters specifically when you want flash to render a font and not rely on the fonts that the user may or may not have installed.? Doing so will ensure that the text you want to display is displayed the way you want and the same way for everyone.? The font file is actually embedded in your SWF file.

I came across font embedding for a different reason.? I wanted to put dynamic text on the screen and then modify some of its properties.? I tried to change the alpha of the text and quickly realized that it did not work.

When you embed the font with the SWF flash actually renders the text which allows you to apply filters to the text and change properties such as the alpha.? This is not possible with out embedding.

Embedding is easy!

Start first in your Flash IDE and right click inside the library.? Then click "New Font..." select the font you want, name it whatever you want, and click ok.? Note:? If you are using a font and you also want to use a bold face of the font you need to import them separately.

Now you should see the font listed in your library.

Now for the fun part:? right click the font in your library and click "linkage."? When the linkage window opens check "export for actionscript" and pick a class name that you will remember.? For Futura Medium I chose "FuturaMed."

Now you can access the font with actionscript!

Lets go in to the actions panel and write a little code.

First we need to create a font object:

var myFont:Font = new FuturaMed();
This creates a new instance of the font we embedded in the Flash library.? Notice that the font object name "FuturaMed" should be the same as the Class name you gave your font on the linkage panel.

There is really not much else left to do.? For the sake of saving space I wiill refer to my previous post Let’s make a text field appear.? We just need to change a few more things to apply the font object to the text.? First we need to attach the font to our textFormat object.? In the last example I used and object called "textFormat."

textFormat.font = myFont.fontName;
Now the font object is attached to the textFormat object that is applied to your textField object.

You would probably assume, like I did, that it would just work now.? Nope.? You need to add one more line of code to your textField object.
myText.embedFonts = true;

Now you are all set.? Below I will include the complete code for this exercise so you can see it all together.

In flash you can use the visual IDE, Actionscript, or both to create content. This allows for a lot of flexibility for the developer or designer. For example, if you want to create a text field you can literally draw one with the IDE or your can create one with actionscript (AS).

As a developer I prefer to create as much content as I can with AS because it gives me more flexibility and also allows me to create objects like a text field on the fly dynamically.

For this example we are working in the Actions panel of the Flash IDE.

The first thing you need to do is create a variable to hold the text field object:

var myText:TextField = new TextField();

Next I want to make sure that the text field expands to match the text that I assign to it. In this case I want the text field to expand to the left:

myText.autoSize = TextFieldAutoSize.LEFT;

Now that we have created the text field we can go ahead and put some data in to it:

myText.text = "Hello world!"

At this point if you run your program you will not see anything even though you did everything correctly. What you need to do it add the text field to the stage. You can do that with a very simple command:

addChild(myText);

Now if you look you have text on the stage when you run your movie.

Okay... that was great right? What if we want to add formatting to the text?

As you might have guessed we created another object to contain our formatting information:

var textFormat:TextFormat = new Format();

Now that we have a place to store the formatting information we can set the font and the size of the formatting object.

textFormat.size = 20;
textFormat.color = 0xFF0000;

If you are wondering what 0xFF0000 is... it is red in hex format. Flash likes its colors defined in hex.

textFormat.font = "Helvetica";

The font needs to be installed on your computer. If Helvetica does not work try Arial.

Now we need to apply the formatting to the text object we created earlier.

myText.setTextFormat(textFormat);

Now you should have text on your screen formatted to your liking. As you might expect you can apply your text formatting object over and over to whatever text objects you want. This is great because like CSS it allows you to change all your text of a similar type with one bit of code instead of going in to the IDE and changing every field one by one.

Here is the code:

In the next entry we will discuss some problems that can occur when you try to animate a text field and how it can be solved by embedding fonts.

I am putting this together as a reaction to learning Actionscript 3. I am a web developer and designer for the Virginia House of Delegates and also run a web development business in Richmond, VA. ? Recently I have started developing Flash CS 3 applications and websites with actionscript 3.? Though there are tutorials on the web there are still no "great" actionscript 3 references out there yet. Over the last couple of weeks I have been stumbling through AS3 and I will use this blog to share with you what I have figured out so far.? I would go in to how excited I am about it but i figure you probably feel the same way if you are taking the time to read my posts.? I hope this is helpful to you!