Añadir imagen y darle movimiento (Solucionado)

[empardopo]

Otra cosa que creo que se puede hacer y quiero probar a ver como hacerlo es añadir una pequeña imagen, por ejemplo un logo o pequeña firma y que se mueva por la pantalla.
Por ejemplo, que aparezca por la derecha de la pantalla y se mueva hacia la izquierda.

¿Sabéis alguno como hacerlo? Por supuesto, si conocéis algún layout que lo haga decidme cual para echarle un vistazo.

Saludos

Solución

Para lo que yo quería más o menos he dado con la tecla. Me he hecho un logo de Arcade Spain, más bien un cutre logo, jeje pero bueno, poco a poco.

He hecho un par de ejemplos de movimiento.

Lo primero que hay que hacer en ambos casos es cargar el módulo de animación con la instrucción:

Código: [Seleccionar]

fe.load_module("animate");
Como voy a hacer dos ejemplos, cargo los dos logos en posiciones distintas:

Código: [Seleccionar]

local logo = fe.add_image("LogoAS.png", 100, 0, 432, 160 );
local logo2 = fe.add_image("LogoAS.png", 0, 200, 432, 160 );
Lo siguiente es hacer las animaciones...

Código: [Seleccionar]

// Animación sobre el eje Y Aparece el logo desde la parte de abajo de la pantalla y luego se agranda
animation.add( PropertyAnimation(logo, { property = "y", start = 800, end = logo.y, tween = Tween.Bounce, time = 7500 } ) );
animation.add( PropertyAnimation(logo, { property = "scale", start = 1.0, end = 1.5, time = 15000, delay = 8500 } ) );

// Animación sobre el eje X Aparece el logo desde la parte derecha de la pantalla y luego se agranda
animation.add( PropertyAnimation(logo2, { property = "x", start = 800, end = logo2.x, tween = Tween.Bounce, time = 7500 } ) );
animation.add( PropertyAnimation(logo2, { property = "scale", start = 1.0, end = 1.5, time = 15000, delay = 8500 } ) );

En ambos ejemplos, hago el movimiento primero y luego hago un escalamiento de la imagen el cual queda simpático...

[Ruben D.]

Estoy interesado en el tema a mi también me gustaría poner en movimiento los elementos de mis layouts al cambiar de uno a otro y que se quedaran quietos al llegar a su parámetros pero no he sabido adaptarlo.
Hay un layout que ya viene que se llama animate creo que están las lineas que abría que poner para hacer movimientos en youtube creo que hay un video de ese layout diciendo lo que hace cuando este en el pc si lo encuentro lo subo.

[Ruben D.]

En layouts simple anímate y en la carpeta modulos hay también algunos ejemplos creo que es lo que buscas:

[empardopo]

Gracias compi. Me ha servido para echar un vistazo a ese layout que tiene muy buena pinta para ir aprendiendo a hacer algún pinito.
Iré colocando los avances.

Thanks

[Ruben D.]

Tu seguro que lo sacas rápido que entiendes del tema luego me lo copiare yo 
Saludos.

[empardopo]

Tu seguro que lo sacas rápido que entiendes del tema luego me lo copiare yo 
Saludos.

Bueno, bueno, ya veremos, jeje!

[empardopo]

Estoy interesado en el tema a mi también me gustaría poner en movimiento los elementos de mis layouts al cambiar de uno a otro y que se quedaran quietos al llegar a su parámetros pero no he sabido adaptarlo.
Hay un layout que ya viene que se llama animate creo que están las lineas que abría que poner para hacer movimientos en youtube creo que hay un video de ese layout diciendo lo que hace cuando este en el pc si lo encuentro lo subo.

Qué quieres mover exactamente?

[empardopo]

Para lo que yo quería más o menos he dado con la tecla. Me he hecho un logo de Arcade Spain, más bien un cutre logo, jeje pero bueno, poco a poco.

He hecho un par de ejemplos de movimiento.

Lo primero que hay que hacer en ambos casos es cargar el módulo de animación con la instrucción:

Código: [Seleccionar]

fe.load_module("animate");
Como voy a hacer dos ejemplos, cargo los dos logos en posiciones distintas:

Código: [Seleccionar]

local logo = fe.add_image("LogoAS.png", 100, 0, 432, 160 );
local logo2 = fe.add_image("LogoAS.png", 0, 200, 432, 160 );
Lo siguiente es hacer las animaciones...

Código: [Seleccionar]

// Animación sobre el eje Y Aparece el logo desde la parte de abajo de la pantalla y luego se agranda
animation.add( PropertyAnimation(logo, { property = "y", start = 800, end = logo.y, tween = Tween.Bounce, time = 7500 } ) );
animation.add( PropertyAnimation(logo, { property = "scale", start = 1.0, end = 1.5, time = 15000, delay = 8500 } ) );

// Animación sobre el eje X Aparece el logo desde la parte derecha de la pantalla y luego se agranda
animation.add( PropertyAnimation(logo2, { property = "x", start = 800, end = logo2.x, tween = Tween.Bounce, time = 7500 } ) );
animation.add( PropertyAnimation(logo2, { property = "scale", start = 1.0, end = 1.5, time = 15000, delay = 8500 } ) );

En ambos ejemplos, hago el movimiento primero y luego hago un escalamiento de la imagen el cual queda simpático...

[Ruben D.]

Empardopo ya te dije que lo sacarias eres un coco jajaja, mira te paso el layout de mame que hice y pruebas tu a ver si puedes hacerlo tu pixa.
Solo quiero que la snap que es el video de demostración entre por la izquierda y se quede fijo en la posición que tengo marcada y la marquee que entre de arriba a la posición que tengo fija y en vez de que se ensanche como la tuya que de un par o tres de botes antes de que se quede posicionada.
Yo lo he intentado pero a partir de las líneas que pongo para que salga eso se me borra todo lo demás solo me sale el background.
Te ha quedado muy bien y las letras están muy guapas sacaras algo guapo de eso ya te queda menos.
Saludos.

[Ruben D.]

Te dejo el layout.

[empardopo]

Le echo un vistazo a ver.

La marquesina creo que ya tengo un efectillo creado, jeje... Te voy contando.

Prueba a ver si te funciona y hace lo que necesitabas... Por cierto, comprueba la resolución que no tengo claro si lo he cambiado.

[Ruben D.]

Perfecto empardopo ya se comofunciona he cambiado la posición de la marquee y la he puesto debajo de la línea de la snap para que pase por encima en vez de por debajo era lo que yo quería gracias otra duda si en vez de que salga de abajo arriba lo haga al revés de arriba abajo como seria.
Saludos.

[empardopo]

Perfecto empardopo ya se comofunciona he cambiado la posición de la marquee y la he puesto debajo de la línea de la snap para que pase por encima en vez de por debajo era lo que yo quería gracias otra duda si en vez de que salga de abajo arriba lo haga al revés de arriba abajo como seria.
Saludos.

Si no me equivoco el punto 0,0 es el superior izquierdo donde el primer 0 corresponde con el eje X y el segundo con el eje Y, ok?

La línea que yo había puesto era la siguiente:

Código: [Seleccionar]

animation.add( PropertyAnimation(marquee, { property = "y", start = 800, end = marquee.y, tween = Tween.Bounce, time = 7500, loop = true } ) );
Si te fijas en la parte start = 800 lo que estoy haciendo es que parto de una posición muy abajo; lo que tendrías que hacer es por ejemplo cambiarlo por no sé el valor -100 que estaría fuera de la pantalla por la parte de arriba; resumiendo cambia la línea por lo siguiente:

Código: [Seleccionar]

animation.add( PropertyAnimation(marquee, { property = "y", start = -100, end = marquee.y, tween = Tween.Bounce, time = 7500, loop = true } ) );
Lo estoy poniendo sin probarlo porque no sé como lo habrás puesto tú exactamente, pero prueba y ya me comentas.

Saludos

[Ruben D.]

Lo he cambiado por el valor negativo y sale de arriba a bajo y le he bajado el tiempo para que tarde menos en hacer el efecto gracias otra vez. Ahora retocare los otros que tenia y a lo mejor les meto algún personaje en movimiento para que no queden tan sencillos.
Saludos.

[empardopo]

Lo he cambiado por el valor negativo y sale de arriba a bajo y le he bajado el tiempo para que tarde menos en hacer el efecto gracias otra vez. Ahora retocare los otros que tenia y a lo mejor les meto algún personaje en movimiento para que no queden tan sencillos.
Saludos.

Perfecto. Creo que se pueden hacer cosas interesantes. Yo creo que el límite será la imaginación, jajaja.

Lo del tiempo intenté meterlo como parámetro pero no di con la tecla. Espero en breve aprender a hacerlo jeje.

Enviado desde mi SM-N910F mediante Tapatalk