Scroll de texto en Flash

Cómo crear un scroll de texto sencillo con Flash.

27/7/06 -

Vamos a crear un scroll de texto de la forma más sencilla que hay. Ya será cosa vuestra hacerlo estéticamente más llamativo o complicarlo más.

Abrimos una nueva película de Flash y vamos a usar una única capa. Con la herramienta de texto Creamos un campo de texto del tamaño que queramos y le damos las siguientes propiedades:

Estas propiedades son: Campo de texto tipo dinámico, multilínea para que el texto pueda ocupar más de una línea, creamos la variable "MiTexto" que es donde, usando ActionScript, meteremos el texto del scroll. En cuanto al tipo de fuente, tamaño y color, he puesto una letra Arial, a 14 px y de color azul, vosotros poner lo que querais. Y por último tenemos estos tres botones: El primero quiere decir que el texto podrá ser seleccionado por el usuario, el segundo, que el texto leerá el formato HTML, es decir, podremos poner etiquetas de HTML, y el tercero es que el campo de texto tendrá un marco alrededor.

Ahora vamos a crear 2 botones, para mover el texto hacia arriba y hacia abajo. Podeis crear los botones como os apetezca, para este ejemplo, hemos usado unos de los que vienen en la biblioteca de archivos comunes de Flash MX (ventana>biblioteca comunes>botones>circle buttons>menu):


Como veis, el botón de abajo, está invertido; para los que esteis muy verdes en flash, os diré que para darle la vuelta, aunque hay varias maneras, la más sencilla sería seleccionar el botón y modificar>transformar>voltear verticalmente, y listo.

Bien, la parte del diseño, (lo más sencillo posible), ya está terminada, ahora vamos a ver el código que necesitamos. Empecemos por el código de los botones; seleccionamos el botón de arriba, hacemos click derecho sobre él y le damos a "acciones", se nos abrirá el cuadro de código, y metemos el siguiente:

on (press) {
    MiTexto.scroll -= 1;
}

Y en el botón de abajo ponemos:

on (press) {
   MiTexto.scroll += 1;
}

Estos códigos, lo que le dicen a flash es que cuando se presione el botón, a MiTexto, que es la variable que nos creamos para el texto anteriormente, en la propiedad scroll que ya viene definida en ActionScript, le restamos (para subir), o le sumamos (para bajar), una unidad a lo que ya teníamos.

Por último, nos queda meter el texto en el scroll, seleccionamos el primer y único fotograma que tenemos, damos click derecho sobre él y nos vamos a 'acciones', y ponemos:


stop();
MiTexto = "El texto que quieras.";

El código es muy simple, sencillamente, le ponemos de entrada un stop, por una razón, cada vez que se lea este fotograma, se ejecutará este código, como solo debe ejecutarse una vez, (de lo contrario el texto no pararía de cargarse en el scroll), le ponemos un stop y la película se detendrá. A continuación cargamos el texto metiéndolo en la variable MiTexto que nos creamos al crear el campo de texto dinámico. Ojo con un error muy estupido que nos puede dar algún dolor de cabeza si somos novatos; para cargar el texto, la estructura es la siguiente: variable = "texto"; como veis, el texto va entre comillas, de modo que el texto que pongamos no podrá tener nada entre comillas, es decir, esto: variable = "aquí va el "texto" que quiero poner"; nos daría error. En este caso, por ser un texto tan corto se ve facil, pero lo más lógico es que el texto lo copiaramos y pegaramos, tener en cuenta que no puede haber comillas intercaladas. Y otra cosa que no puede haber son intros o saltos de línea. Son las únicas cosas a tener en cuenta en este tipo de scroll.

Si lo deseas, puedes descargarte el archivo del ejemplo aquí.

Un saludo.

+ 1 manual relacionado
+ 1 categoria relacionada
+ 7 comentarios no revisados

Autoría, licencia y acciones sobre este artículo

Informe de Carlos Carmona URL: http://www.scourdesign.com/ Este artículo tiene licencia Copyleft. Puedes reproducirlo citando al autor y enlazando su página web. Versión imprimible del artículo Enviar artículo por e-mail Publicar un comentario del artículo

+ Entrar en Flash

Comentarios sin revisar

Añadir un comentario del artículo Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.

 Se han encontrado 7 comentarios sin revisar

Ver los comentarios no revisados

Añadir un comentario del artículo

Enlaces:

Maestrosdelweb

  Ir arriba