Solved

Dynamic TextField Animation

Posted on 2008-09-30
3
923 Views
Last Modified: 2013-11-11
Hello,
I'm trying to create a dynamic text animation as shown below.
But I'm not able to make it work.
I also tried create a MovieClip instance and added to timeline and added the TextField to over the MovieClip instance (like myMovie.addChild(myText))
However, result wa same. How do I make this work?
Please someone advise.
Thank you.

package
{
 
    import flash.display.MovieClip;
    import flash.text.TextField;
    import flash.text.TextFormat;
    import flash.text.AntiAliasType;
    import fl.transitions.Tween;
    import fl.transitions.easing.*;
 
    public class textAnimation extends MovieClip
    {
 
        
        [Embed(source='/assets/verdana.ttf', fontName="Verdana" mimeType="application/x-font-truetype")]
        
        private var myMovie:MovieClip;
        private var myTween:Tween;
        
        private var myText:TextField;
        private var myTextFormat:TextFormat;
        
        public function textAnimation()
        {
            
            createText();
            setLabel("This is My Text");
            
        }
        
        private function setLabel(str:String):void
        {
            myText.text = str;
        }
        
        private function createText():void
        {
 
 
            myTextFormat = new TextFormat();
            myTextFormat.font = "Verdana";
            myTextFormat.color = 0x00000;
            myTextFormat.size = 15;
            
            myText = new TextField();
            myText.width = 200;
            myText.defaultTextFormat = myTextFormat;
 
 
            myText.embedFonts = true;
            myText.antiAliasType = AntiAliasType.ADVANCED;
            
            //myText.alpha = 0;
            myText.antiAliasType = AntiAliasType.NORMAL;
            addChild(myText);
    
            
            myTween = new Tween(myText, "alpha", None.easeNone, 0, 1, 2, true);
            
            
        }
        
    }
    
    
}

Open in new window

0
Comment
Question by:eb110k
  • 2
3 Comments
 
LVL 39

Expert Comment

by:blue-genie
ID: 22611752
what is this?
 [Embed(source='/assets/verdana.ttf', fontName="Verdana" mimeType="application/x-font-truetype")]

i pasted your code into an as file, ran it, and i got a java run time error, reinstall flash !!!!arrgggghhh
0
 
LVL 39

Expert Comment

by:blue-genie
ID: 22612123
i just checked it out in Colin Moock's book and i tried one of his examples and it doesn't work.
odd.
his examples doesn't include a mime type though.
0
 
LVL 4

Accepted Solution

by:
daleyjem earned 500 total points
ID: 23198470
Try the attached snippet. There is a way I've been able to find that you can do this without embedding the font (in the case of a System font like you're using). You basically apply a blank filter to the TextField and it allows alpha tweening. I'm  pretty sure you can use a filter of any type, but I've used a DropShadowFilter in my example.

To implement on say something like an actions layer in your FLA, you might use:

var myAnimation:textAnimation = new textAnimation("Dude");
addChild(myAnimation);
package
{
	import flash.filters.DropShadowFilter;
    import flash.display.MovieClip;
    import flash.text.TextField;
    import flash.text.TextFormat;
    import flash.text.AntiAliasType;
    import fl.transitions.Tween;
    import fl.transitions.easing.*;
 
    public class textAnimation extends MovieClip
    {   
        private var myMovie:MovieClip;
        private var myTween:Tween;
        private var blankTextFilter:DropShadowFilter;
        private var myText:TextField;
        private var myTextFormat:TextFormat;
        
        public function textAnimation(textString:String)
        {
            createText(textString);
        }
        
        public function setLabel(str:String):void
        {
            myText.text = str;
        }
        
        private function createText(textString:String):void
        {
			blankTextFilter = new DropShadowFilter(0, 0, 0, 0);
			
			myText = new TextField();
			myText.text = textString;
			myText.setTextFormat(new TextFormat("Verdana", 15, 0x000000));
			myText.filters = [blankTextFilter];
			myText.width = 200;
 
			addChild(myText);
    
			myTween = new Tween(myText, "alpha", None.easeNone, 0, 1, 2, true);   
        }   
    }   
}

Open in new window

0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction This article is primarily concerned with ActionScript 3 and generally specific to AVM2.  Most suggestions would apply to ActionScript 2 as well, and I've noted those tips that differ between AS2 and AS3. With the advent of ActionS…
I come across a lot of question about how to access things in the document class from a movieclip, or accessing something from a movieclip in the document class. It took me a while to figure this out but once I did it makes life so much easier. …
In this tutorial viewers will learn how to create a basic shape tween animation in Flash including shape hints for smooth animation Open a new document in Flash: Draw a shape: Select another frame (how long you want the tween to be): Right click and…
The goal of the tutorial is to teach the user how to select which audio input to use. Once you have an audio input plugged into the laptop or computer, you will go into the audio input settings and choose which audio input you want to use.

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question