Gif animated

[empardopo]

Hi,

Is it possible to add an gif animated to my theme? I have added one and It doesn't work fine.

Thanks in advance.

[empardopo]

This is my problem...
This is the animated gif to add.

[empardopo]

I've converted my .gif file to .mp4 and now I get this...

Is it possible to put the transparent background in the mp4 file?

Thanks in advance.

[ryuuji]

Don't think AM support animated gif images.
mp4 file can not have transparency.

[empardopo]

Don't think AM support animated gif images.
mp4 file can not have transparency.

So I have to use sprite sheet and now I have no idea how can I use it.
Thanks.

[mariano198596]

Yo estuve Probando y lo que si soporta es flv con transparencia 


I was testing and what it supports is flv with transparency

[jedione]

yes  flv "flash" kind of works but not good at all,  the colors get weird and speed is funky

sprites take some work aligning,   but work great 
here is some code to help you out

Code: [Select]

local joystick = fe.add_image("joystick-move.png", flx*0.050, fly*0.050, flw*0.80, flh*0.80 );
local sprite_cfg = {
    when = When.Always,
    width = 80,
    frame = 0,
    time = 3000,
    order = [ 0, 1, 0, 2, 0, 2, 0, 1 ],
    loop = true
}
animation.add( SpriteAnimation(joystick, sprite_cfg ) );

[mariano198596]

Estuve jugando con la calidad flv + rango alfa y creo que el resultado es bastante bueno apenas se usar el after effect
mira el resultado https://www.youtube.com/watch?v=SUs2_MbIbsE&feature=youtu.be

[jedione]

please speak English....No  O-fence

i don't understand

thanks for contributing...my friend.


 

[mariano198596]

I'm not offended, no problem. I was playing with flv + alpha rank quality and I think the result is pretty good just use the after effect look at the result https://www.youtube.com/watch?v=SUs2_MbIbsE&feature=youtu.be
What do you think?

[jedione]

well im dam impressed,,, great work.   

[mariano198596]

Thanks, I was thinking of including more animations in the layout

[qqplayer]

Thanks, I was thinking of including more animations in the layout

I love your "Attrack mode reflections demo" video , can you please paste your code?

[mariano198596]

If basically what I did was add another wheel and invert it and configure the alpha and turn it as far as possible until inverted. you can improve the effect by adding a mask with photoshop.

[mc2programmer]

I posted on this in another thread... I created my sprite sheet by using a free app that makes sprites from .fla videos... since you have your sprite sheet open up your layout.nut file and add these lines of code

// Attempt for joystick animation sprite sheet
//sprite animation - use a spritesheet to animate specific frames of the sprite sheet
local joystick_up = fe.add_image("joysprite.png", (fe.layout.width / 2) - 480, fe.layout.height - 180, 300, 200);
local sprite_cfg = {
    when = When.Always,
   orientation = "vertical",
   height = 116,
    width = 242,
    frame = 0,
    time = 1000,
    order = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
    repeat = "yoyo",
   loop = true
}
animation.add( SpriteAnimation( joystick_up, sprite_cfg ) );

this will use the animation module.... found here https://github.com/mickelson/attract/blob/master/config/modules/spritesheet.nut
make sure this code is pointing to your sprite sheet
you will need to mess with all of the settings until you get it to match your spite sheet format.
Basically get the image to post then keep messing with the settings until the image animates smoothly and is not jumping or being cut off. my sheet is from top to bottom yours may be left to right, just tweek the settings until you get it right. Reply if you got questions