How do I use one png for an animation

0 favourites
  • 3 posts
From the Asset Store
3 pixel charaters with over 8 animations each + animations with a gun
  • hi,

    how do i use one png like this for an animation ?

    [attachment=0:66nei0n8][/attachment:66nei0n8]

    if i can not do that : the gif file is with a black background .. how do change that into transparent?

  • mahdi71 ,

    1) You create a Sprite object

    2) After you click on the layout editor, the Image editor will open up

    3) Right click on the Animation frames window and choose: Import frames/From sprite strip

    4) C2 is clever enough to detect that your png has a single row of 48 images (Number of horizontal cells = 48, Number of vertical cells = 1). Press ok.

    5) Setup the speed for your explosion (the default fps is 5 which is too slow in your case) 24 or so works nice.

    You are done.

    You can always overlay bright images with black backgrounds using either the Additive blend mode (in the effects properties of the Sprite object), or add one of the additive blend webGL effects (like Screen, Dodge, Lighten, Soft light...).

    There is also the Chroma 2 webGl effect (search the forum) which works like keylight (in After Effects) or similar software that do color removal for Green/Blue Screens.

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • mahdi71 ,

    1) You create a Sprite object

    2) After you click on the layout editor, the Image editor will open up

    3) Right click on the Animation frames window and choose: Import frames/From sprite strip

    4) C2 is clever enough to detect that your png has a single row of 48 images (Number of horizontal cells = 48, Number of vertical cells = 1). Press ok.

    5) Setup the speed for your explosion (the default fps is 5 which is too slow in your case) 24 or so works nice.

    You are done.

    You can always overlay bright images with black backgrounds using either the Additive blend mode (in the effects properties of the Sprite object), or add one of the additive blend webGL effects (like Screen, Dodge, Lighten, Soft light...).

    There is also the Chroma 2 webGl effect (search the forum) which works like keylight (in After Effects) or similar software that do color removal for Green/Blue Screens.

    Thank you very much....

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)