Splash {
        id: splashScene
        opacity: 0
    }

    Starmap {
        id: starmapScene
        opacity: 0
    }

    state: "splash"

    states: [
      State {
        name: "splash"
        PropertyChanges { target: splashScene; opacity: 1}
      },
      State {
        name: "starmap"
        PropertyChanges { target: starmapScene; opacity: 1}
      }
    ]

    onStateChanged: console.log("HUD: switched to state '", state, "'")


    transitions: [
        Transition {
            NumberAnimation {
                property: "opacity"
                easing.type: Easing.InOutQuad
                duration: 10000
            }
        }
    ]