Author Topic: Gif animated  (Read 10010 times)

empardopo

  • Full Member
  • ***
  • Posts: 49
    • View Profile
Gif animated
« 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.

empardopo

  • Full Member
  • ***
  • Posts: 49
    • View Profile
Re: Gif animated
« Reply #1 on: March 18, 2016, 02:01:00 AM »
This is my problem...
This is the animated gif to add.



empardopo

  • Full Member
  • ***
  • Posts: 49
    • View Profile
Re: Gif animated
« Reply #2 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.


ryuuji

  • Sr. Member
  • ****
  • Posts: 109
    • View Profile
Re: Gif animated
« Reply #3 on: March 19, 2016, 09:38:31 AM »
Don't think AM support animated gif images.
mp4 file can not have transparency.

empardopo

  • Full Member
  • ***
  • Posts: 49
    • View Profile
Re: Gif animated
« Reply #4 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.

mariano198596

  • Newbie
  • *
  • Posts: 8
    • View Profile
Re: Gif animated
« Reply #5 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 ::)

jedione

  • Hero Member
  • *****
  • Posts: 1135
  • punktoe
    • View Profile
Re: Gif animated
« Reply #6 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 ) );
help a friend....

mariano198596

  • Newbie
  • *
  • Posts: 8
    • View Profile
Re: Gif animated
« Reply #7 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

jedione

  • Hero Member
  • *****
  • Posts: 1135
  • punktoe
    • View Profile
Re: Gif animated
« Reply #8 on: September 17, 2017, 03:23:02 PM »
please speak English....No  O-fence

i don't understand

thanks for contributing...my friend.


 
help a friend....

mariano198596

  • Newbie
  • *
  • Posts: 8
    • View Profile
Re: Gif animated
« Reply #9 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?

jedione

  • Hero Member
  • *****
  • Posts: 1135
  • punktoe
    • View Profile
Re: Gif animated
« Reply #10 on: September 17, 2017, 05:42:43 PM »
well im dam impressed,,, great work.   
help a friend....

mariano198596

  • Newbie
  • *
  • Posts: 8
    • View Profile
Re: Gif animated
« Reply #11 on: September 18, 2017, 04:52:08 AM »

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

qqplayer

  • Sr. Member
  • ****
  • Posts: 301
    • View Profile
Re: Gif animated
« Reply #12 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?

mariano198596

  • Newbie
  • *
  • Posts: 8
    • View Profile
Re: Gif animated
« Reply #13 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.

mc2programmer

  • Jr. Member
  • **
  • Posts: 13
    • View Profile
Re: Gif animated
« Reply #14 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