Fading texte à l'aide d'Action Script

  • mttew1
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Juil 08, 2004
  • Messages: 7
  • Status: Offline

Message Juillet 8th, 2004, 12:28 pm

Im essayant de Fade dans et hors texte sans utiliser de préadolescents, juste ActionScript. Toutefois, im pretty nouveau à cela, mais voici ce que j'ai à ce jour...Ça ne fonctionne pas vraiment la façon dont elle devrait (les fondus sont des vitesses différentes). Si quelqu'un pourrait s'il vous plaît donnez-moi des commentaires ou même me faire savoir si cela est possible, that would be awesome! Merci!

Code: [ Select ]
//initializes some variables
x = 0;
arrIntervalTimers = new Array();
//calls function
ClipCreateText();
TextTimer = setInterval(ClipCreateText, 3000);


//this function creates the array's of text and creates the actual text
//field..then it sets the properties for it.
function ClipCreateText()
{
//the array elements
var tSayings = new Array;
tSayings[0] = "Welcome to Delta Media Group";
tSayings[1] = "Serving the Real Estate Community";
tSayings[2] = "Hello Matt";
tSayings[3] = "Hi There Shane";
tSayings[4] = "What's up other Shane Type Dude?";

        
    if (x > tsayings.length - 1)
    {
        x = 0;
    }
        //this creates and formats the text field    
        newTextName = "strange_fade_text-" + x;
        createTextField(newTextName, x, 0, (x*50), 500, 40);
        newText = eval(newTextName);
        //the text is the array
      newText.text = tSayings[x];
        newText.embedFonts = true;
        newText.selectable = false;
        newText.type = dynamic;
        newText.textColor = '0x000000';
        newText.size = 26;
        newText._alpha = 0;
        trace("In Clip Funtion: " + newText._alpha);
    
        //the formatting
        format = new TextFormat() ;
        format.font = "Arial";
        format.size = 26;
        format.bold = false;
        format.align = "center";
    
        newText.setTextFormat(format);


        
        arrIntervalTimers[x] = setInterval(FadeTextIn, 20, 100, x, newText);
        x++;
        
}


    
    
//function to Fade In    
function FadeTextIn(targetin_alpha, timer_number, fade_object)
{
    
    var fadeinspeed = 1;
        if (fade_object._alpha < targetin_alpha)
        {
            var TempAlpha = Math.round(fade_object._alpha + 1);
            trace("TempAlpha: " + TempAlpha);
            fade_object._alpha = TempAlpha;
        }
        else
        {
            clearInterval(arrIntervalTimers[timer_number]);
            arrIntervalTimers[timer_number] = setInterval(FadeTextOut, 20, 0, timer_number, fade_object);            
        }
};

//function to Fade Out
function FadeTextOut(targetout_alpha, timer_number, fade_object)
{
        var fadeoutspeed = 2;
        if (fade_object._alpha > targetout_alpha)
        {
            TempAlpha = fade_object._alpha - fadeoutspeed;
            fade_object._alpha = Math.round(TempAlpha);
        }
        else
        {
            //we need to turn off the timer
            clearInterval(arrIntervalTimers[timer_number]);
        }
        
};
  1. //initializes some variables
  2. x = 0;
  3. arrIntervalTimers = new Array();
  4. //calls function
  5. ClipCreateText();
  6. TextTimer = setInterval(ClipCreateText, 3000);
  7. //this function creates the array's of text and creates the actual text
  8. //field..then it sets the properties for it.
  9. function ClipCreateText()
  10. {
  11. //the array elements
  12. var tSayings = new Array;
  13. tSayings[0] = "Welcome to Delta Media Group";
  14. tSayings[1] = "Serving the Real Estate Community";
  15. tSayings[2] = "Hello Matt";
  16. tSayings[3] = "Hi There Shane";
  17. tSayings[4] = "What's up other Shane Type Dude?";
  18.         
  19.     if (x > tsayings.length - 1)
  20.     {
  21.         x = 0;
  22.     }
  23.         //this creates and formats the text field    
  24.         newTextName = "strange_fade_text-" + x;
  25.         createTextField(newTextName, x, 0, (x*50), 500, 40);
  26.         newText = eval(newTextName);
  27.         //the text is the array
  28.       newText.text = tSayings[x];
  29.         newText.embedFonts = true;
  30.         newText.selectable = false;
  31.         newText.type = dynamic;
  32.         newText.textColor = '0x000000';
  33.         newText.size = 26;
  34.         newText._alpha = 0;
  35.         trace("In Clip Funtion: " + newText._alpha);
  36.     
  37.         //the formatting
  38.         format = new TextFormat() ;
  39.         format.font = "Arial";
  40.         format.size = 26;
  41.         format.bold = false;
  42.         format.align = "center";
  43.     
  44.         newText.setTextFormat(format);
  45.         
  46.         arrIntervalTimers[x] = setInterval(FadeTextIn, 20, 100, x, newText);
  47.         x++;
  48.         
  49. }
  50.     
  51.     
  52. //function to Fade In    
  53. function FadeTextIn(targetin_alpha, timer_number, fade_object)
  54. {
  55.     
  56.     var fadeinspeed = 1;
  57.         if (fade_object._alpha < targetin_alpha)
  58.         {
  59.             var TempAlpha = Math.round(fade_object._alpha + 1);
  60.             trace("TempAlpha: " + TempAlpha);
  61.             fade_object._alpha = TempAlpha;
  62.         }
  63.         else
  64.         {
  65.             clearInterval(arrIntervalTimers[timer_number]);
  66.             arrIntervalTimers[timer_number] = setInterval(FadeTextOut, 20, 0, timer_number, fade_object);            
  67.         }
  68. };
  69. //function to Fade Out
  70. function FadeTextOut(targetout_alpha, timer_number, fade_object)
  71. {
  72.         var fadeoutspeed = 2;
  73.         if (fade_object._alpha > targetout_alpha)
  74.         {
  75.             TempAlpha = fade_object._alpha - fadeoutspeed;
  76.             fade_object._alpha = Math.round(TempAlpha);
  77.         }
  78.         else
  79.         {
  80.             //we need to turn off the timer
  81.             clearInterval(arrIntervalTimers[timer_number]);
  82.         }
  83.         
  84. };
[/ code]
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juillet 8th, 2004, 12:28 pm

  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Juillet 8th, 2004, 12:56 pm

Bienvenue sur Ozzu mattew1:D
Cela vient jusqu'à récemment et avec Ozzus search function * hint, indice * j'ai pu dig it up pour vous:D
Vous pouvez démarrer la lecture du message original de « lostinbetas ». Il obtient assez intéressant à partir de là.

http://www.ozzu.com/flash-forum/how-reduce-aplha-value-movie-clip-using-code-t26942.html&hi ... ype+fadeto
Strong with this one, the sudo is.
  • mttew1
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Juil 08, 2004
  • Messages: 7
  • Status: Offline

Message Juillet 8th, 2004, 1:00 pm

Merci joebert, les mauvais un coup d'oeil à ça et voir si je peux le découvrir!
  • mttew1
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Juil 08, 2004
  • Messages: 7
  • Status: Offline

Message Juillet 8th, 2004, 3:09 pm

mon problème n'est pas la décoloration...Je peux le fade in et out toute la journée...qui est facile. Ma question est de chargement différentes lignes de texte à partir d'un tableau...les avoir fondu en...pause...fade out...puis passez à la ligne suivante. Je suppose que je devrais avoir été plus précis dans mon premier post. Si vous pouvez aider, s'il vous plaît laissez-moi savoir!

Merci!
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Juillet 8th, 2004, 6:32 pm

Désolé pour le malentendu :oops:

Fading textBoxes eux-mêmes est l'endroit où vous rencontrez un problème, le contourner je connaisse est la décoloration d'un couvercle créé avec createEmptyMovieClip () et définissant la largeur et la hauteur de cette couverture à la largeur et la hauteur de la zone de texte.

Est-ce là ce que vous cherchez? (copier, coller, enregistrer, testMovie)

Code: [ Select ]
//variables/objects
Q=0;
I=0;
format = new TextFormat();
with(format){font = "Arial"; size = 26; bold = false; align = "center";}
tSayings = ["Welcome to Delta Media Group", "Serving the Real Estate Community", "Hello Matt", "Hi There Shane", "What's up other Shane Type Dude?"];

//Textbox & Cover Creation (x=unique id, bgColor=hex of color behind the text)
function ClipCreateText(x,bgColor){
    // Creates textfield
    createTextField(["sFT"+x], x, 0, (x*50), 1, 1);
        with(this["sFT"+x]){
            text = tSayings[x];
          type = "dynamic";
          selectable = false;
          textColor = "0x000000";
            setTextFormat(format);
            autosize = true;
        }
    //Creates Cover to fade in and out above textfield
    createEmptyMovieClip(["cover"+x],(x+100));
        with(this["cover"+x]){
            id = x;
            tF = this["sFT"+x];
            lineStyle(0,0,0);
            beginFill(bgColor,100);
            moveTo(tF._x, tF._y);
            lineTo((tF._x+tF._width), (tF._y));
            lineTo((tF._x+tF._width),(tF._y+tF._height));
            lineTo(tF._x,(tF._y+tF._height));
            lineTo(tF._x, tF._y);
            endFill();
        }
}
// Slightly modified version of Lostinbeta's fadeTo prototype (adds stipulation to delete onEnterFrame when aV gets stuck at 3)
MovieClip.prototype.fadeTo = function(value, speed) {
    this.onEnterFrame = function() {
        this.aV==3 ? (this._alpha=value, delete this.onEnterFrame) : null;
      this.aV = Math.floor(value-this._alpha);
      this.aV ? this._alpha += this.aV/speed : (this._alpha=value, delete this.onEnterFrame);
    }
}
//Patch setInterval to prototype for fadeIn
function fadeIn(){
    _root["cover"+Q].fadeTo(0,20);
    Q==tSayings.length ? (knockDown = setInterval(fadeOut,1000),clearInterval(setup)) : Q++;
}
//Patch setInterval to prototype for fadeOut
function fadeOut(){
    _root["cover"+I].fadeTo(100,10);
    I==Q ? clearInterval(knockDown) : I++;
}
//Loop through sayings array creating a textfield & cover for each item found
for(var j in tSayings){
    clipCreateText(j,'0xffffff');
}
//Tap the first domino
setup = setInterval(fadeIn,1000);
  
  1. //variables/objects
  2. Q=0;
  3. I=0;
  4. format = new TextFormat();
  5. with(format){font = "Arial"; size = 26; bold = false; align = "center";}
  6. tSayings = ["Welcome to Delta Media Group", "Serving the Real Estate Community", "Hello Matt", "Hi There Shane", "What's up other Shane Type Dude?"];
  7. //Textbox & Cover Creation (x=unique id, bgColor=hex of color behind the text)
  8. function ClipCreateText(x,bgColor){
  9.     // Creates textfield
  10.     createTextField(["sFT"+x], x, 0, (x*50), 1, 1);
  11.         with(this["sFT"+x]){
  12.             text = tSayings[x];
  13.           type = "dynamic";
  14.           selectable = false;
  15.           textColor = "0x000000";
  16.             setTextFormat(format);
  17.             autosize = true;
  18.         }
  19.     //Creates Cover to fade in and out above textfield
  20.     createEmptyMovieClip(["cover"+x],(x+100));
  21.         with(this["cover"+x]){
  22.             id = x;
  23.             tF = this["sFT"+x];
  24.             lineStyle(0,0,0);
  25.             beginFill(bgColor,100);
  26.             moveTo(tF._x, tF._y);
  27.             lineTo((tF._x+tF._width), (tF._y));
  28.             lineTo((tF._x+tF._width),(tF._y+tF._height));
  29.             lineTo(tF._x,(tF._y+tF._height));
  30.             lineTo(tF._x, tF._y);
  31.             endFill();
  32.         }
  33. }
  34. // Slightly modified version of Lostinbeta's fadeTo prototype (adds stipulation to delete onEnterFrame when aV gets stuck at 3)
  35. MovieClip.prototype.fadeTo = function(value, speed) {
  36.     this.onEnterFrame = function() {
  37.         this.aV==3 ? (this._alpha=value, delete this.onEnterFrame) : null;
  38.       this.aV = Math.floor(value-this._alpha);
  39.       this.aV ? this._alpha += this.aV/speed : (this._alpha=value, delete this.onEnterFrame);
  40.     }
  41. }
  42. //Patch setInterval to prototype for fadeIn
  43. function fadeIn(){
  44.     _root["cover"+Q].fadeTo(0,20);
  45.     Q==tSayings.length ? (knockDown = setInterval(fadeOut,1000),clearInterval(setup)) : Q++;
  46. }
  47. //Patch setInterval to prototype for fadeOut
  48. function fadeOut(){
  49.     _root["cover"+I].fadeTo(100,10);
  50.     I==Q ? clearInterval(knockDown) : I++;
  51. }
  52. //Loop through sayings array creating a textfield & cover for each item found
  53. for(var j in tSayings){
  54.     clipCreateText(j,'0xffffff');
  55. }
  56. //Tap the first domino
  57. setup = setInterval(fadeIn,1000);
  58.   
Strong with this one, the sudo is.
  • mttew1
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Juil 08, 2004
  • Messages: 7
  • Status: Offline

Message Juillet 9th, 2004, 7:51 am

joebert
Je ne pouvais pas obtenir ce droit au travail...J'ai fait une trace dans les différentes fonctions, et d'entrer dans ses fonctions, cependant, lorsque je l'essai, rien ne s'affiche. Peut-être que vous pourriez sorte de pause pour certains, il me si elle n'est pas trop de problèmes. Je vous remercie de votre aide. Dans l'intervalle, im allons essayer de comprendre.

Merci!
  • mttew1
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Juil 08, 2004
  • Messages: 7
  • Status: Offline

Message Juillet 9th, 2004, 8:32 am

I messed avec un peu et je réussi à le faire fonctionner. Je crois que le principal problème est que lorsque vous avez créé la zone de texte, la largeur et la hauteur a été fixée à 1.

Maintenant, tout ce que j'ai besoin de faire est de faire en sorte que l'on est à la décoloration, la prochaine s'estompe...Mai je besoin de votre aide sur ce point.

merci
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Juillet 9th, 2004, 12:41 pm

J'ai abandonné le fonduSortie Fonction et remplacé fadeIn avec cela,

Code: [ Select ]
function fadeIn(){
  _root["cover"+Q].fadeTo(0,20);
  Q>1 ? (_root["cover"+I].fadeTo(100,10),I++) : null;
  I==tSayings.length ? (clearInterval(setup)) : Q++;
}
  1. function fadeIn(){
  2.   _root["cover"+Q].fadeTo(0,20);
  3.   Q>1 ? (_root["cover"+I].fadeTo(100,10),I++) : null;
  4.   I==tSayings.length ? (clearInterval(setup)) : Q++;
  5. }

Jouer avec les FPS et les horaires et je l'espère, produire ce que vous recherchez. Si ce n'est pas mauvais voir ce que je peux déterrer :D

Code: [ Select ]
Q>0 ? (_root["cover"+I].fadeTo(100,10),I++) : null;

Le Q> 0?, 0 est Combien de clips vidéo ont commencé à disparaître avant le début de effacement.
Im sûr que vous savez l'accord avec le calendrier de setInterval.
Strong with this one, the sudo is.
  • mttew1
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Juil 08, 2004
  • Messages: 7
  • Status: Offline

Message Juillet 16th, 2004, 11:40 am

joebert,
Je comprends très bien vous aider. Je suppose que dans le mal, c'est quand utiliser actionscript et quand utiliser des pré-adolescents / effets de calendrier. Est-ce que les pros tous ActionScript pour les animations? Je veux juste aller sur ce le bon et le plus efficace. Peut-être que vous pouvez partager votre avis sur cette question....

Merci
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Juillet 16th, 2004, 12:16 pm

Theres vraiment pas de bonne ou de mauvaise façon de faire quoi que ce soit avec le flash.
Pas tous les pros utilisent actionscript, certaines des animations sont strictement neatest pré-adolescents, alors que certains sont strictement actionscript, certains sont ballenced une combinaison des deux.

La meilleure façon est de compléter un projet en utilisant ce que vous savez bien, dans votre temps libre à essayer d'accomplir la même chose avec ce que vous ne savez pas si bien. Lorsque vous commencez à obtenir le coup de ce que vous ne savez pas si bien commencer le mélanger avec ce que vous connaissez bien, vous finirez par avoir une idée de ce qui fonctionne le mieux pour des circonstances différentes.

Personnellement, je pense que la raison de nombreux designers vont et viennent, ils se perdent dans l'intérêt d'apprendre de nouvelles choses, après quelques succès et de modèles, car ils ont été plus à propos de la pensée "business", puis l'apprentissage / conception, ils deviennent obsolètes et crumble loin, après recours à la refonte de vieux œuvres.
Strong with this one, the sudo is.
  • mttew1
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Juil 08, 2004
  • Messages: 7
  • Status: Offline

Message Juillet 16th, 2004, 12:24 pm

merci pour les paroles de sagesse joebert
  • stinger
  • Graduate
  • Graduate
  • No Avatar
  • Inscription: Jan 22, 2004
  • Messages: 157
  • Loc: San Jose, CA
  • Status: Offline

Message Juillet 22nd, 2004, 12:44 pm

Bonjour!

Eh bien, j'ai un fichier flash très simple pour vous. Il fonctionne à partir d'un tableau pour le texte, puis utilise un clip vidéo pour les transitions. C'est beaucoup de plaisir à jouer avec!

J'ai de plus en plus un clip qui fait des tirages de chaque lettre qu'il lit par une chaîne de caractères.

vous pouvez télécharger le swf et fla à partir d'ici:

LINK:
http://schwabino.com/ozzu/

Vous pouvez consulter la simple 8k, swf ici:
http://schwabino.com/ozzu/text_fading_array.swf


Après examen de tous les postes à ce sujet, et d'être extrêmement troublé par la lecture de l'ensemble du complexe de code, je pensais à moi-même. . . . "Il doit y avoir un moyen plus facile!"

REMARQUE:

Mon fla utilise de multiples clips vidéo encastrés dans eachother. J'ai également fait cette dernière nuit à 5 heures, donc la structure et le commentaire est limité.

Des questions?
  • nornholdj
  • Novice
  • Novice
  • Avatar de l’utilisateur
  • Inscription: Mar 18, 2009
  • Messages: 18
  • Status: Offline

Message Mars 18th, 2009, 8:58 am

Im tente actuellement de parvenir à cet effet dans Actionscript 3.0 et je connais peu de choses ont changé avec les mots clés et je pense que tel, mais Ive converti le code correctement, et je suis une terrible à faire à ce travail. Je comprends l'Actionscript (du moins, je pense que je le fais), mais Im pas sûr si je dois faire quelque chose de spécial avec les cadres ou objets de scène. Je suis en train de s'estomper une instance d'un objet MovieClip. Aussi, Im avec Flash CS3 (Si il le faut).

Afficher de l'information

  • Total des messages de ce sujet: 13 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 44 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC