[John]

just wondering if anyone knows how to make a background img in flappy bird fade to a new image..I know how to make them change instantly but I cant figure out how to fade 1 img out and fade a new one in, thanks all

[David]

Hi armotechsolutions,

you can e.g. use a NumberAnimation in behavior chances (two images which will crossfade when you call crossFade():

  Image {
    id: image
    source: "somesoure"

    opacity: 0

    Behavior on opacity {
      // the cross-fade animation should last 350ms
      NumberAnimation { duration: 350 }
    }
  }

  Image {
    id: image2
    source: "somesoure"

    opacity: 1

    Behavior on opacity {
      // the cross-fade animation should last 350ms
      NumberAnimation { duration: 350 }
    }
  }

  function crossFade() {
     image.opacity = 1
     image2.opacity = 0
  }

But there are plenty of things you can do. See also this link to another approach.

Cheers,

David

• This reply was modified 10 years, 1 month ago by  Alex.