Texteffekt zufällige Buchstaben

[Bugfixer]

Hi,

Jetzt muss ich noch ein 2. mal bei diesem script helfen lassen.

Es geht um einen texteffekt, der nach abfolge einer zufälligen zeichensequenz, den klartext anzeigen soll. Habe mir schon ähnliche themen angeschaut, konnt mir aber diesbezüglich nicht weiterhelfen.

Habe bisher habe ich dieses script als basis verwendet. (Nochmals danke an bokel für die modifikation)

TextField.prototype.deCript = function(myMsg) {
	this.autoSize = true;
	// 
	var i = 0;
	var onInterval = function (tf) {
		if (i<myMsg.length) {
			var result = myMsg.substr(0, ++i);
			var len = myMsg.length-i;
			for (var k = 0; k<len; k++) {
				result += String.fromCharCode(ord(" ")+1+Math.round(Math.random(25)*90));
			}
			// 
			tf.text = result;
		}
		if (i>=myMsg.length) {
			clearInterval(id);
		}
	};
	var id = setInterval(onInterval, 50, this);
};

var message1 = "Dies ist mein aufzubauender Text";
this.createTextField("myTxt1", 1, 0, 0, 1, 1); 
myTxt1.deCript(message1);

Das script arbeitet schon fast wie ich es mir vorstelle, allerdings erscheinen alle buchstaben auf einmal und erscheinen nicht erst nacheinander.

Ist vielleicht heute jemand langweilig und kann mir helfen

Vielen dank im vorraus

Gruss Fabian

[webdust]

Ersetze mal diese Zeile:
var len = myMsg.length-i;

durch
var len = 1;

Ist es das, was du dir vorgestellt hast?

[Bugfixer]

Nein, es sollen schon mehrerer buchstaben gleichzeitig nebeneinander durchlaufen.
Sonst siehts ein bisschen mongo aus

[webdust]

Dann pass halt die Länge so an, dass es dir gefällt. An welcher Variablen du drehen musst, sollte ja jetzt klar sein.

[Bugfixer]

Wenn es so einfach gewesen wäre, hätte ich das selber geschafft

Ich stelle mir das wie bei diesen spielautomaten vor:

Buchstabe 1 erscheint und fängt an zu laufen (also der random effekt startet) dann erscheint buchstabe 2 und fängt an zu laufen, dann buchstabe 3 etc. Nachdem der z.b. 5 buchstabe, das laufen anfangen hat, hört beim buchstabe 1 der random effekt auf und der finale buchstabe erscheint.

In etwa so: http://www.yugop.com => auf archive klicken.

[Bugfixer]

Gehört mein thread eigentlich ins OOP forum?

[webdust]

Ok, hab noch bisschen am Skript rumgespielt. (Mir ist heute wirklich langweilig ). Kann zwar noch nicht mit yugop mithalten, aber ich finde, schon mal eine kleine Verbesserung:

PHP-Code:

TextField.prototype.deCript = function(myMsg) {
    this.autoSize = true;
    // 
    var i = 0;
    var gesamt = function(feld) {
        m=0;
        i++;
    var onInterval = function (tf) {
            result = String.fromCharCode(ord(" ")+1+Math.round(Math.random(25)*90));
            tf.text = tf.text.slice(0,i);
            tf.text += result;
            m++;
        
        if (m==10) {
            clearInterval(id);
            tf.text = myMsg.substr(0,i+1);
        }
    };
    var id = setInterval(onInterval, 50, feld);
    if(i==myMsg.length-1) {
        clearInterval(id);
        clearInterval(id2);
    }
    
    };
    var id2 = setInterval(gesamt,400,this);
};

var message1 = "Dies ist mein aufzubauender Text";
this.createTextField("myTxt1", 1, 0, 0, 1, 1); 
myTxt1.deCript(message1); 


[Bugfixer]

Danke webdust für deine mühe.

Allerdings sieht dein effekt bei hoher geschwindigkeit komisch aus.

Schon mal ausprobiert?

[webdust]

Also, einen hab ich noch. Heute früh noch ein bisschen verfeinert - was man doch nicht alles tut, um nicht auf die Idee zu kommen, für´s Vordiplom zu lernen.
(Dran denken, die Framerate hoch zu setzen, damit´s flüssiger wird)

PHP-Code:

TextField.prototype.deCript = function(myMsg) {
    this.autoSize = true;
    // 
    var i = 0;
    m  = new Array;
    var gesamt = function(feld) {
        i++;
        m[i] = 0;
        
                var onInterval = function (tf,j) {
                    result = String.fromCharCode(ord(" ")+1+Math.round(Math.random(25)*90));
                    tf.text = tf.text.slice(0,j-1);
                    tf.text += result;
                    m[j]++;
                            
                if (m[j]==10) {
                    clearInterval(_root["id"+j]);
                    tf.text = myMsg.substr(0,j+1);
                                    }
        };
    
    _root["id"+i] = setInterval(onInterval,25, feld,i);
    
    if(i==myMsg.length-1) {
            clearInterval(id2);
            }
    
    };
    var id2 = setInterval(gesamt,50,this);
};

var message1 = "Dies ist mein aufzubauender Text";
this.createTextField("myTxt1", 1, 0, 0, 1, 1); 
myTxt1.deCript(message1); 


So, jetzt sollte ich doch mal wieder zu meinen Büchern

[Bugfixer]

Ach ja wollt mich noch bedanken

Dankeschön, hehe.

[webdust]

Gibt halt auch noch höfliche Menschen.
Ist denn die letzte Version ungefähr so, wie du es dir vorgestellt hast?