Archive Page 4

TransitionManager: Clase PixelDissolve

by toni January 5th, 2007

actionScript 5 Comentarios  11,609 Lecturas

Articulos relacionados.
Clase graficaBarras (crear gráficas de barras)
maxchars: Clase que emula la propiedad maxChars sin contar espacios en blanco.
La clase ContextMenu
Flas 8 slideShow.
Utilizando contornos de fuentes incorporadas (embedFonts) en componentes de flash

Muestra u oculta un objeto clip de película mediante rectángulos que aparecen o desaparecen aleatoriamente en un patrón de tablero de ajedrez.

Parámetros

xSections Indica e número de secciones rectangulares de máscara a lo largo del eje horizontal (recomedado de 1 a 50)

ySections Indica e número de secciones rectangulares de máscara a lo largo del eje vertical(recomedado de 1 a 50)

Ejemplo

El siguiente código crea una instancia de TransitionManager que aplica la transición PixelDissolve con diez secciones verticales y diez secciones horizontales.

PLAIN TEXT
Actionscript:
  1. import mx.transitions.*;
  2. import mx.transitions.easing.*;
  3. TransitionManager.start(img1_mc, {type:PixelDissolve, direction:Transition.IN, duration:2, easing:None.easeNone, xSections:10, ySections:10});

This movie requires Flash Player 8

Descarga Pixeldissolve.zip

Pixeldissolve.zip se ha descargado 2,377 veces.

1 Votes | Average: 4 out of 51 Votes | Average: 4 out of 51 Votes | Average: 4 out of 51 Votes | Average: 4 out of 51 Votes | Average: 4 out of 5 (1 votos, promedio: 4 sobre 5)
Loading ... Loading ...

Efecto de texto máquina de escribir.

by toni December 29th, 2006

OOP 14 Comentarios  27,012 Lecturas

Articulos relacionados.
Efecto de texto group94.com
Scroll de texto dinámico ajustable
Campo de texto autocompletable en flash.
Herramienta cadenas, crear documentos multilingues
Utilizando contornos de fuentes incorporadas (embedFonts) en componentes de flash

Un clásico, el efecto de texto que se escribe letra por letra. Idóneo para entender la estructura básicas de una clase de as2.

Typewriter.as

PLAIN TEXT
Actionscript:
  1. import mx.utils.Delegate;
  2. class Typewriter  {
  3.     private var interval:Number;
  4.     private var string:String;
  5.     private var speed:Number;
  6.     private var textfield:TextField;
  7.     private var index:Number;
  8.     public function Typewriter (textfield:TextField, string:String, speed:Number) {
  9.         this.textfield = textfield;
  10.         this.string = string;
  11.         this.speed = speed;
  12.         index = 0;
  13.         interval = setInterval(Delegate.create(this, exec), this.speed);
  14.     }
  15.     private function exec() {
  16.         this.textfield.text = this.string.substr(0, index);
  17.         index++;
  18.         if (index> this.string.length) {
  19.             clearInterval(interval);
  20.         }
  21.     }
  22. }

Modo de uso
Para utilizar la clase, basta con utilizar el constructor new pasando como argumentos los siguientes parámetros:

  • Nombre de instancia de un campo de texto
  • Nombre de una cadena
  • Velocidad
PLAIN TEXT
Actionscript:
  1. var tpw:Typewriter = new Typewriter(mytext, mystring, 20);

Ejemplo de uso

En este ejemplo, se crea un campo de texto dinámicamente al que se le da un formato de texto.

PLAIN TEXT
Actionscript:
  1. mystring = "Lorem ipsum dolor sit amet, orci at, feugiat nonummy.";
  2. // --
  3. var myformat:TextFormat = new TextFormat();
  4. myformat.font = 'Verdana';
  5. myformat.size = 10;
  6. myformat.align = 'justify';
  7. // --
  8. _root.createTextField("mytext", 1, 20, 20, 460, 200);
  9. mytext.multiline = true;
  10. mytext.wordWrap = true;
  11. mytext.setNewTextFormat(myformat);
  12. // --
  13. var tpw:Typewriter = new Typewriter(mytext, mystring, 20);

Descarga Typewriter.zip

Typewriter.zip se ha descargado 3,214 veces.

6 Votes | Average: 3 out of 56 Votes | Average: 3 out of 56 Votes | Average: 3 out of 56 Votes | Average: 3 out of 56 Votes | Average: 3 out of 5 (6 votos, promedio: 3 sobre 5)
Loading ... Loading ...

Flash ThickBox

by toni December 25th, 2006

OOP 67 Comentarios  38,335 Lecturas

Articulos relacionados.
Noticias con Flash XML y CSS
Flash tracer para Internet Explorer
Flash 8 : SWF metadata (indexar flash en motóres de búsqueda)
Pasar parámetros desde HTML a Flash
Flash XML CDATA
  1. Ejemplos
  2. Requisitos para publicación

Carga una imagen (.jpg, .png) o película de flash (.swf), situandolo en el centro de la pantalla y por el encima del resto de objetos de la película. En un nivel inferior, dibuja una capa semitransparente, desviando totalmente la atención hacia el objeto que se quiere destacar.

Sintaxis

my_ThickBox.loadThickBox (URL: String, my_MovieClip: Sting);

Parámetros:

URL: URL absoluto o relativo del archivo SWF o JPEG que se va a cargar

MovieClip: Clip de película vinculado que se utiliza como animación de precarga (opcional)

Ejemplos

En el siguiente ejemplo, se carga una ampliación y se asigna un clip de película vinculado en la biblioteca con identificador ‘loader_mc’

PLAIN TEXT
Actionscript:
  1. var my_ThickBox: ThickBox = new ThickBox ();
  2. my_movieClip_btn.onRelease = function () {
  3.     my_ThickBox.loadThickBox ('images/big/img01.jpg', 'loader_mc');
  4. };

Los enlaces de abajo, muestran dos ejemplos prácticos:

Carga de imágenes
Carga de películas .swf

Requisitos para publicación

Debido al uso del objeto Stage, es imprescindible escribir las siguientes líneas en el primer fotograma de la película:

PLAIN TEXT
Actionscript:
  1. Stage.scaleMode = 'noScale';
  2. Stage.align = 'TL';

Publicación de una película que utiliza la clase ThickBox:

Selecciona menú – Configuración de publicación (ctrl+Mayus. F12) y en la pestaña HTML, marca los siguientes valores:

Dimensiones: Porcentaje
Escala: Sin escala.

Descarga Thickbox

Thickbox se ha descargado 940 veces.

8 Votes | Average: 4.88 out of 58 Votes | Average: 4.88 out of 58 Votes | Average: 4.88 out of 58 Votes | Average: 4.88 out of 58 Votes | Average: 4.88 out of 5 (8 votos, promedio: 4.88 sobre 5)
Loading ... Loading ...

About

You are currently browsing the After-hours weblog archives.

Latest

Subscribe

Subscribe to my RSS Feeds

Archives

Categories