Cuadro de notas con transparencia y movimiento

Ver el tema anterior Ver el tema siguiente Ir abajo

Cuadro de notas con transparencia y movimiento

Mensaje por [GX] el Dom Jun 08, 2014 11:47 am

Esto lo publiqué en mcanime hace un tiempo, pero sin explicar cómo funciona xD, esto es solamente una forma de hacerlo y puede hacerse de otras formas, a mí se me ocurrió así:

Código:
{\fad(2000,0)\p1\bord1\shad0\an7\pos(5,46)\fscx110\fscy103}{\t(0,700,\fscx1110)}m -33 -22 l 33 -22 l 33 22 l -33 22

\fad y \t tienen el tiempo expresado en milisegundos (1 segundo dividido mil [1/1000]), por lo que 2000 es igual a 2seg.  

\fad: Tiene dos coordenadas en la primera se pone cuánto querés que tarde el sub en apararecer de forma gradual, y en la segunda cuánto tarde en salir. La primera coordenada toma como referencia cuando empieza el sub hasta el número que elijas, la segunda toma el final como referencia por lo que si se elije por ej.: 100, empieza a desaparecer 100milisegundos antes de que termine el sub.  

\p1: Es para que reconozca el dibujo "m -33 -22 l 33 -22 l 33 22 l -33 22"

\bord, \shad: Es el borde y la sombra, no hay mucho que decir.

\an: Alineación del sub, y va del 1 al 9.

\pos: Es la posición del sub, la primera es respecto al eje X y la segunda al eje Y.

\fscx y \fscy: Estos van en porcentaje por lo que 100 es el tamaño original de la fuente, o dibujo. Uno es para estirarlo o contraerlo en el eje X y el otro lo mismo pero para el eje Y.

\t: Éste sirve para hacer animaciones, los primeros dos parámetros son para elegir el principio y fin de la animación, los dos toman como referencia el inicio del sub. Y en el tercero lo que se va a animar, aunque no necesariamente tienen que ser sólo tres, pueden haber más dependiendo de lo que quieras hacer.

¿Qué hace esto?: Hace que el dibujo empiece con transparencia de forma gradual hasta los 2seg, al mismo tiempo que se va estirando 1110% en el eje X en 0,7seg.  Shocked

10/06/2014

Ahora sí, la explicación: Lo que quiero es 1- que un rectángulo se mueva de izquierda a derecha hasta cierto punto, puede ser el dibujo que uno quiera, siempre y cuando esté dibujado con el ASSdraw, también quiero 2- que aparezca de forma gradual.

1) Esto también se lo puede hacer con \move(x1,y1,x2,y2,t0,tf), x1 es desde donde va a empezar a moverse y x2 es el final del recorrido, (por si las dudas: El eje X es horizontal). Y con "Y" es lo mismo pero de forma vertical, en este caso como no quiero que el recuadro se vaya arriba o abajo "y1" e "y2" tienen que tener el mismo valor. A "t0" lo dejamos en cero, para que empiece desde que aparece el sub y a "tf" el tiempo que queremos que dure el movimiento. {\move(x1,y1,x2,y1,0,tf)}

Con \t: Como quiero un rectángulo, dibujo uno y copio el código que me da el ASSdraw, entre llaves pongo \p1 para que lo reconozca, ajusto la altura necesaria con \fscy y a \fscx le elijo un valor desde el cual quiero que comience a expandirse, aunque no es necesario poner un \fscx inicial. Como dibujé de forma simétrica respecto del punto central del ASSdraw, elijo \an7, para que el punto de referencia en el dibujo esté en el centro, para que cuando comience a expandirse lo haga tanto a izquierda como a derecha, y si se lo mueve cerca del borde izquierdo o derecho de la pantalla con \pos(x,y), uno de los lados no se ve y parece como si se estuviese moviendo y no expandiendo, que es lo que se quiere (eso después de poner \t, porque por el momento es sólo un recuadro). Ahora que tenemos nuestro rectángulo como queremos, vamos darle movimiento bounce
En una llave separada ponemos \t(t0,tf,\fscx), a t0 le ponemos 0 para que empiece desde el momento en que aparece el sub y tf le ponemos el tiempo que queremos que dure la animación, en \fscx se pone el valor en el que pueda entrar la nota que va a ir sobre este recuadro, por lo que no va a ser el mismo que está puesto en el código del principio.  

2) En la primera llave donde tenemos {\p1\fscy\fscx\an\fad(t0,tf)} agregamos \fad, que más arriba está explicado cómo funciona. Y queda así:

Código:
{\p1\fscy"la altura del rectángulo"\fscx"base inicial del rectángulo"\an\fad(0,t1)}{\t(0,t2,\fscx"base final del rectángulo")}"Acá va el dibujo"


Última edición por [GX] el Mar Jun 10, 2014 2:19 pm, editado 1 vez
avatar
[GX]

Mensajes : 34
Fecha de inscripción : 04/06/2014
Localización : Argentina

Ver perfil de usuario https://osu.ppy.sh/u/Bubblesss

Volver arriba Ir abajo

Re: Cuadro de notas con transparencia y movimiento

Mensaje por [SH] SrHell el Dom Jun 08, 2014 9:31 pm

*Tomando nota*

Gracias Very Happy me servirá.
avatar
[SH] SrHell
Admin

Mensajes : 26
Fecha de inscripción : 03/06/2014
Edad : 23

Ver perfil de usuario

Volver arriba Ir abajo

Re: Cuadro de notas con transparencia y movimiento

Mensaje por DarkAngel el Jue Jun 19, 2014 7:48 pm

Yo para el efecto de entrada, usaba algo parecido, pero no me preocupaba mucho por definir tamaños, sino que creaba un objeto grande y lo dejaba fuera de "escena" jugando con el Move.

Código:
{\fad(0,500)\be20\fscx9100\fscy1200\move(-600,0,325,73,0,400)}{\p1}m -6 -3 l 6 -3 l 6 4 l -6 4{\p0}

Recordando que el Move trabaja con los parámetros:
Xinicio, Yinicio, Xfin, Yfin, Espera, Tiempo(Velocidad)

Lo que nunca logré hacer es algo parecido a lo que pone Gonxas en el segundo ejemplo, quería hacer el efecto de entrada, que apareciera la nota, y al desaparecer, que se invirtiera el efecto, es decir, salir de la pantalla... lo intenté con {\t} pero nunca lo conseguí.
avatar
DarkAngel
Admin

Mensajes : 11
Fecha de inscripción : 03/06/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: Cuadro de notas con transparencia y movimiento

Mensaje por [GX] el Vie Jun 20, 2014 12:23 am

Por ahora logré el efecto que querías con los dos que di como ejemplo, aunque recomiendo el segundo:

Con \move y \t:

Código:
{\fad(400,0)\bord1\shad0\an7\p1\fscx1067\fscy112\move(-295,65,11.714,65,0,400)}{\t(1300,0,\fscx10)}m -33 -22 l 33 -22 l 33 22 l -33 22

Con doble \t:

Código:
{\fad(500,0)\p1\bord1\shad0\an7\pos(5,46)\fscx110\fscy103}{\t(0,500,\fscx1110)}{\t(1300,0,\fscx10)}m -33 -22 l 33 -22 l 33 22 l -33 22

Como me gustó tu idea me puse a probar. Very Happy

Después de estar un rato tratando de hacerlo, pude hacer el efecto con el que dejaste:

Código:
{\an7\shad0\fad(0,500)\be20\move(-600,-300,-2.715,-3.571,0,400)\fscx7085\fscy1532}{\t(800,1200,\fscx91\fscy12)}{\p1}m -6 -3 l 6 -3 l 6 4 l -6 4{\p0}
avatar
[GX]

Mensajes : 34
Fecha de inscripción : 04/06/2014
Localización : Argentina

Ver perfil de usuario https://osu.ppy.sh/u/Bubblesss

Volver arriba Ir abajo

Re: Cuadro de notas con transparencia y movimiento

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.
Crear foro | © phpBB | Foro gratis de asistencia | Contactar | Denunciar un abuso | foro gratis