Attract-Mode Support Forum

Attract-Mode Support => Themes => Topic started by: empardopo on March 17, 2016, 10:47:48 AM

Title: Gif animated
Post by: empardopo on March 17, 2016, 10:47:48 AM
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.
Title: Re: Gif animated
Post by: empardopo on March 18, 2016, 02:01:00 AM
This is my problem...
This is the animated gif to add.
(http://i.imgur.com/RAibtFp.jpg)

Title: Re: Gif animated
Post by: empardopo on March 18, 2016, 10:42:54 AM
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.

Title: Re: Gif animated
Post by: ryuuji on March 19, 2016, 09:38:31 AM
Don't think AM support animated gif images.
mp4 file can not have transparency.
Title: Re: Gif animated
Post by: empardopo on March 19, 2016, 11:56:55 AM
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.
Title: Re: Gif animated
Post by: mariano198596 on September 16, 2017, 10:31:06 AM
Yo estuve Probando y lo que si soporta es flv con transparencia  ::)


I was testing and what it supports is flv with transparency ::)
Title: Re: Gif animated
Post by: jedione on September 17, 2017, 08:14:09 AM
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 ) );
Title: Re: Gif animated
Post by: mariano198596 on September 17, 2017, 03:08:49 PM
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
Title: Re: Gif animated
Post by: jedione on September 17, 2017, 03:23:02 PM
please speak English....No  O-fence

i don't understand

thanks for contributing...my friend.


 
Title: Re: Gif animated
Post by: mariano198596 on September 17, 2017, 03:30:51 PM

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?
Title: Re: Gif animated
Post by: jedione on September 17, 2017, 05:42:43 PM
well im dam impressed,,, great work.   
Title: Re: Gif animated
Post by: mariano198596 on September 18, 2017, 04:52:08 AM

Thanks, I was thinking of including more animations in the layout
Title: Re: Gif animated
Post by: qqplayer on September 18, 2017, 05:21:19 AM

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?
Title: Re: Gif animated
Post by: mariano198596 on September 18, 2017, 06:12:37 AM
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.
Title: Re: Gif animated
Post by: mc2programmer on September 24, 2017, 09:27:41 PM
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