Como se hizo: Paregos scrollText
actionScript, flas, Como se hizo | Octubre 31st, 2005Versión para imprimir
// -- download mc_tween2 -> http://hosted.zeh.com.br/mctween/index.html
#include "mc_tween2.as"
Stage.scaleMode = "noScale";
Stage.align = "";
// --
var scroll_width:Number = 450;
var scroll_height:Number = 350;
var text_height:Number;
var xpos:Number = 50;
var ypos:Number = 20;
var container_level:Number = 1;
var text_level:Number = 2;
var mask_level:Number = 3;
var cursor_level:Number = 4;
var container_mc:MovieClip;
var mask_mc:MovieClip;
var text_txt;
var dragin:Boolean = false;
// --
var format:TextFormat = new TextFormat ();
format.align = "justify";
format.color = 0x000000;
format.font = "Verdana";
format.size = 10;
// -- instanciar clip de pelÃcula cursor_mc
this.attachMovie ("cursor_mc", "cursor_mc", cursor_level, {_visible:false});
// -- animación cursor mano, manejada por el evento onMouseMove
_root.onMouseMove = function () {
// -- cursor mano solo si Mouse está en la zona de texto
if (mask_mc.hitTest (_root._xmouse, _root._ymouse)) {
// -- Mostrar cursor mano
Mouse.hide ();
cursor_mc._visible = true;
} else if (!dragin) {
// -- no mostrar cursor mano
Mouse.show ();
cursor_mc._visible = false;
}
// -- igualar _x/_y de cursor mano a _xmouse/_ymouse
cursor_mc._x = _root._xmouse;
cursor_mc._y = _root._ymouse;
// -- refresco de pantalla(la animación es mas fluida)
updateAfterEvent ();
};
// --
showScroll = function () {
// -- clip contenedor
container_mc = this.createEmptyMovieClip ("container_mc", container_level);
// -- textfield
text_txt = container_mc.createTextField ("text_txt", text_level, 0, 0, scroll_width, 10);
container_mc.text_txt.type = "dynamic";
container_mc.text_txt.selectable = false;
container_mc.text_txt.wordWrap = true;
container_mc.text_txt.autoSize = true;
container_mc.text_txt.text = myLoadVars.texto;
container_mc.text_txt.setTextFormat (format);
text_height = container_mc.text_txt._height;
// -- _x/_y inciales para container_mc
container_mc._x = xpos;
container_mc._y = text_height;
};
// -- Crea una máscara que permite visualizar la cantidad de
// -- texto especificada por la altura del clip de pelÃcula mask_mc
maskScroll = function () {
mask_mc = this.createEmptyMovieClip ("mask_mc", mask_level);
with (mask_mc) {
beginFill (0x000000, 100);
moveTo (xpos, ypos);
lineTo (xpos + scroll_width, ypos);
lineTo (xpos + scroll_width, ypos + scroll_height);
lineTo (xpos, ypos + scroll_height);
lineTo (xpos, ypos);
endFill ();
}
container_mc.setMask (mask_mc);
};
// -- Drag
dragScroll = function () {
container_mc.onPress = function () {
// -- esta variable permite que se muestre e cursor mano si True
dragin = true;
if (mask_mc.hitTest (_root._xmouse, _root._ymouse)) {
// -- estado de cursor mano en arrastrar
cursor_mc.gotoAndStop ("drag");
container_mc.startDrag (false, xpos, (scroll_height - text_height), xpos, ypos);
}
};
// -- StopDrag
container_mc.onRelease = container_mc.onReleaseOutside = function () {
dragin = false;
cursor_mc.gotoAndStop ("normal");
container_mc.stopDrag ();};
};
// -- animación inicio:(muestra funcionamiento scroll)
tweenHelp = function () {
Mouse.hide ();
// -- inicio animación: subir texto
container_mc.ySlideTo (ypos, (0.5), "easeOutExpo");
container_mc.onTweenComplete = function () {
// -- fin animación, cambiar mano a normal, enviar mano final de texto visible
delete cursor_mc.onEnterFrame;
cursor_mc.gotoAndStop ("normal");
// -- enviar cursor abajo
cursor_mc.ySlideTo ((scroll_height), (0.5), "easeOutExpo");
// -- terminada animación bajar cursor
cursor_mc.onTweenComplete = function () {
// -- mostrar cursor según donde esté situado
Mouse.show ();
onMouseMove ();
};
};
// -- cerrar mano
cursor_mc.gotoAndStop ("drag");
cursor_mc._visible = true;
// -- posicionar _x cursor mano en la animación
cursor_mc._x = (xpos + (scroll_width / 2));
// -- posicionar _y cursor mano en la animación
// --(irá cambiando conforme container_mc mdifica su posición _Y (sube)
cursor_mc.onEnterFrame = function () {
cursor_mc._y = container_mc._y;
};
};
//
myLoadVars = new LoadVars ();
myLoadVars.onLoad = function (succes:Boolean) {
if (succes) {
// -- mostrar texto
showScroll ();
// -- enmascarar texto
maskScroll ();
// -- eventos drag
dragScroll ();
// -- animación inicio:(muestra el funcionamiento del scroll)
tweenHelp ();
}
};
myLoadVars.load ("data.txt");
Consultas sobre este .fla en foro
Pages: 1 2
Octubre 31st, 2005 at 11:55 am
trabajo fino si señor,y esta chulo, pala saca
Octubre 31st, 2005 at 4:13 pm
Si que lo está, pero eso de “pala saca” me suena jijijijiji
Noviembre 3rd, 2005 at 10:20 am
Hola!
Si le dieras un poco de easing ya seria la bomba!
salu2!
Noviembre 7th, 2005 at 5:44 pm
Que tenemos que cambiar para cargar en vez de texto liso, un tipo xml que pueda mostrar negritas, enlaces, dif. colores…
He tratado de cambiar el data.txt por otro y no funciona…
Genial y muy imaginativo este scrolltext, me encanta.
Estaré atenta.
Gracias.
Noviembre 7th, 2005 at 5:54 pm
Imagino que puede ser posible en vez de cargar un texto liso, uno tipo … que permita negritas, otros colores, enlaces…
He tratado de cambiar data.txt por un xml y no lo carga.
PodrÃais indicar como serÃa?
Gracias
Me parece un scrollText muy original que me encantará aplicar!
Noviembre 7th, 2005 at 7:30 pm
Hola Ana,
poner enlaces en este scroll, no surgirá efecto debido a que para hacer scroll se utiliza el método startDrag.
Si puedes cambiar los colores, añadir itálica, subrayado, bold, pejemplos:
<u>Esto es un texto subrayado</u>
<i>Esto es un texto en itálica</i>
<b>Esto es un texto en negrita</b>
<font color= ‘#6C3D33′>Esto es un texto en color rojo</font>
Si quieres pone textos de dierentes colores, tienes que anular la lÃnea formato.color = 0x000000
Saludos
Febrero 24th, 2006 at 2:33 am
Que tal Toni… ya se que no debe de ser muy complicado pero no tengo buen día, o mejor noche… como pongo el texto SUAVIZADO… he puesto incrustardo el texto, lo hice de mil maneras pero nada…
Solo quiero que el texto que recoge del TXT se vea suavizado…
GRACAIAS…
Febrero 24th, 2006 at 6:27 am
¿Suavizado? si te refieres a que estáa usando fuentes True Type y se te ven borrosas, te recomiendo que compruebes que los campo de texto y/o películas donde estos puedean estar alojados esté situados en coordenadas _x/_y exactas.
Si no, pregunta en el foro
Saludos
Febrero 24th, 2006 at 10:23 am
Me refiero al contrario, las fuentes se me ven correctamente, todo perfecto… simplemente que me gistaria que los textos se me vieran con el suavizado de Flash…
Gracias Toni…
Marzo 8th, 2006 at 1:20 pm
Y alguien sabe como hacer un scroll de texto, pero detectando el ratón? Osea sin tener la barrra de desplazamiento ni tener q pinchar en alguna imagen…
Un saludo.
Mayo 9th, 2006 at 4:21 pm
Acid Reflux
Acid Reflux
Mayo 13th, 2006 at 11:17 pm
Saludos, quiero subir un sitio web que hice en swish (un programa parecido flash)y en un documento de dreamweaver pegé todo la animación flash,ya que el sito esta hecho enterament ene ese programa de animación, osea que lo que quiero subir son dos tipos de archivos el index.html y la peilcula flash, lo intente subir a interntet gratuitamente pero solo se ve el fondo negro hecho en dreamweaver y no se ve nada de la pelicula flash, como le hago para que se vea la película flash…
Mayo 14th, 2006 at 8:54 pm
Cesar, asegurate que:
1. Has subido el archivo.
2. Has escrito correctamente el nombre del .swf
3. Tu servidor permite la ejecución de flash
Si no es ninguna de estas, scribe la URL de tu index.html para ver el código HTML y javascript.
Un saludo
PD. Par futuras consultas sobre este u otro tema; utiliza el foro