jeanphiBlog

VIDEO CHAT FLEX3 FMS | | VIDEO CHAT FLEX RED5 | | GUESTBOOK

FLASH CS4 : Rotation texte en 3D et arrêt sans flou...

Par jeanphilippe, samedi 14 novembre 2009 à 12:17 :: Flash CS4 :: #325 :: rss

ou comment faire une rotation 3D sur un texte html et enlever au final le flou dû au transform.matrix3D

Le code de l'exemple de base :

td.htmlText="<b>test</b> de rotation 3D sur un champ texte dynamique avec Flash CS4";
function troisd(e:Event) {
td.rotationX+=5;
if (td.rotationX==360) {
trace("fin");
this.removeEventListener( Event.ENTER_FRAME, troisd );
td.transform.matrix3D=null;
td.x=20;
td.y=60;
}
}
btn.addEventListener(MouseEvent.CLICK,onClick);
function onClick(e:Event):void {
this.addEventListener("enterFrame",troisd);
}

Un exemple en ligne:) > ICI

Trackbacks

Aucun trackback.

Les trackbacks pour ce billet sont fermés.

Commentaires

1. Le mardi 17 novembre 2009 à 21:11, par Nicolas

Bonjour,

Quel est l'intérêt qu'apporte un évènement enterFrame plutôt que l'événement TIMER de la classe du même nom ? (Hormis le raccourcis de code )

Merci bien

2. Le lundi 23 novembre 2009 à 10:39, par rogerB

Bonne solution mais si tu diminues la vitesse de rotation (exemple rotationX+=2), tu t'aperçois qu'il y a un petit décalage d'à peu près un pixel(c'est la le probleme c'est pas vraiment un pixel) lors de la mise à null de la matrice. Si quelqu'un à déjà résolu ce genre de problème çà m'intéresse.

3. Le lundi 23 novembre 2009 à 13:51, par xarald

Bah aprés rien n'empêche d'utiliser une tween, il faut cependant ne pas oublier le matrix3D a null lorsque celle-ci est fini, afin d'éviter le floutage du texte.

4. Le mercredi 23 décembre 2009 à 13:25, par Mikael

@rogerB Petite astuce pour éviter le décalage...

td.htmlText="<b>test</b> de rotation 3D sur un champ texte dynamique avec Flash CS4"; var memoX:Number=td.width/(td.width+1); var memoY:Number=td.height/(td.height+1);

function troisd(e:Event) { td.scaleX=memoX; td.scaleY=memoY; td.rotationX+=5; if (td.rotationX==360) { trace("fin"); this.removeEventListener( Event.ENTER_FRAME, troisd ); td.transform.matrix3D=null; td.x=20; td.y=60; } } btn.addEventListener(MouseEvent.CLICK,onClick); function onClick(e:Event):void { this.addEventListener("enterFrame",troisd); }

5. Le mercredi 12 mai 2010 à 14:54, par ali_o_kan