Starling Forum

1. 

   EZ
   

   Senior Bird
   Joined: Oct '12
   Posts: 132

   

   EZ

   Senior Bird
   Joined: Oct '12
   Posts: 132

   Hi,

   I ask this question every couple of Starling version - to see if there's a better solution than the one I use:
   I'm trying to implement a display object which can switch between different textures (just like a movie-clip), not instantly - but rather using a "cross-fade transition".

   The motivation here is to allow "simple" animation between image "states", for example:
   1. Door closed
   2. Door opened
   Instead of having 8 or 16 states (textures) for a smooth animation of opening the door - there are only 2.
   Look at the door(time: 3:55) here: https://youtu.be/7z-RRDlpDY0?t=3m55s or the chest (time: 4:38) here: https://youtu.be/7z-RRDlpDY0?t=4m38s

   Currently I'm implementing this by using 2 images (each with a different texture) and by cross-fading between them (by controlling their alpha values). This allows me to switch not only between 2 textures, but between multiple ones (as I set different textures for each image during this process).

   I'm sure there are better solutions (mesh-style being one of them, as Daniel mentioned in the previous thread).
   I'd love to here your suggestions about this issue.
   If the best solution is mesh-style - I'd love if someone could help me with that (as AGAL is not my expertise).

   Thanks in advance,
   EZ

   Last time I asked this question:
   https://forum.starling-framework.org/topic/multi-texture-image-or-cross-fading-textures-for-image-is-it-possible

   Posted 9 months ago #
2. 

   Jeff
   

   Wisest Owl
   Joined: Nov '11
   Posts: 3,746

   

   Jeff

   Wisest Owl
   Joined: Nov '11
   Posts: 3,746

   Any chance you could also link the previous question topics so people can avoid repeating the same suggestions.

   Posted 9 months ago #
3. 

   EZ
   

   Senior Bird
   Joined: Oct '12
   Posts: 132

   

   EZ

   Senior Bird
   Joined: Oct '12
   Posts: 132

   Good idea, Jeff.
   Added a link to the previous (and seems like the only) time I've asked about this.

   Posted 9 months ago #
4. 

   Josh Tynjala
   

   Feathers Guru
   Joined: Feb '12
   Posts: 11,046

   

   Josh Tynjala

   Feathers Guru
   Joined: Feb '12
   Posts: 11,046

   Cross fading between two Images seems like a perfectly reasonable approach. Is there any particular reason why you'd prefer to do it a different way?

   In your original post, I read that you wanted to know if it were possible to use a single Image, but is there a significant advantage to that? I'm not sure that there is.

   If you only want a single class where you can pass in two textures, it seems like you could simply subclass Sprite, add the two Images as children, and encapsulate the cross-fade code into that one class. Then, you can reuse it anywhere.

   Posted 9 months ago #
5. 

   EZ
   

   Senior Bird
   Joined: Oct '12
   Posts: 132

   

   EZ

   Senior Bird
   Joined: Oct '12
   Posts: 132

   @Josh
   Sub-classing Sprite and adding 2 child images is exactly what I did.
   I then use this subclass for all game entities in my game.

   One downside is that I have twice as much images in my game than I have to (which is not a big issue noways, I guess - draw-calls is a bigger issue, right?)

   Another issue is that now I want to enable distortion for my game entities - distortion meaning changing vertex position.
   If my game entity was a subclass of Image (instead of sprite) I could have used the setVertexPosition method on that image. Since I'm using a sprite I have to do it for both child images - which is kind of ugly.

   I thought that using an image + mesh-style would be a cleaner solution, was I wrong?

   Posted 9 months ago #

RSS feed for this topic

Reply

You must log in to post.