gistfile1.js

import QtQuick 1.0
import "Common"
import "js/storage.js" as Storage

Image {
    id: background
    width: 1365
    height: 768
    fillMode: Image.Stretch
    source: "gfx/main_bg.png"
    anchors.fill: parent

    /// -------------- LOGO --------------------------
    Image {
        id: logo
        x: 1
        y: 5
        smooth: false
        fillMode: Image.Stretch
        anchors.leftMargin: 1
        anchors.topMargin: 5
        source: "gfx/logo.png"
        anchors.left: background.left
        anchors.top: background.top
    }

    /// ------------ SOUND ---------------------------
    RODSoundButton{ id: soundButton }

    /// ------------ ABOUT --------------------------
    RODButton{
        id: aboutButton
        x: 349
        y: 10
        source: "gfx/main_about.png"
        onClicked: popupAbout.state = "show"
    }

    /// ------------ EXIT ---------------------------

    /// ---------- MOVABLE STAR ---------------------
    Image {
        id: starIcon
        x: 284
        y: 342
        anchors.leftMargin: 136
        anchors.topMargin: 167
        source:"gfx/main_star.png"

        MouseArea {
            id: starIconMouseArea
            anchors.fill: parent
            drag.target: starIcon
        }

        states: [
            /// State normal
            State {
                name: ""
                PropertyChanges {target: starIcon; x: 284; y: 342}
            },

            /// State saat di drag
            State {
                name: "dragged"; when: starIconMouseArea.drag.active
                PropertyChanges {target: starIcon; z:50}
            },

            /// State saat ada di adventureBox
            State {
                name:  "inAdventure"; when: (starIconMouseArea.drag.active == false && adventureBox.state == "hover")
//                PropertyChanges {target: starIcon; x: 476; y: 124}
                onCompleted: {
                    audioPlayer.playSound(1)
                    if(Storage.load('room_unlocked') > 0 && Storage.load('cur_level') > 0){
                        popup.state = "show"
                    }else{
                        newAdventureGame()
                    }
                }
            },

            /// State saat ada di freeplayBox
            State {
                name:  "inFreeplay"; when: (starIconMouseArea.drag.active == false && freeplayBox.state == "hover")
//                PropertyChanges {target: starIcon; x: 481; y: -21}
                onCompleted: {
                    audioPlayer.playSound(1)
                    screenLoader.switchTo('RODFreePlay.qml')
                }
            },

            /// State saat ada di disasterBox
            State {
                name:  "inDisaster"; when: (starIconMouseArea.drag.active == false && disasterBox.state == "hover")
//                PropertyChanges {target: starIcon; x: 484; y: 378}
                onCompleted: {
                    audioPlayer.playSound(1)
                    screenLoader.switchTo('RODDisaster.qml')
                }
            },


            /// State saat ada di highscoreBox
            State {
                name:  "inHighscore"; when: (starIconMouseArea.drag.active == false && highscoreBox.state == "hover")
//                PropertyChanges {target: starIcon; x: 470; y: 177}
                onCompleted: {
                    audioPlayer.playSound(1)
                    screenLoader.switchTo('RODHighScore.qml')
                }
            }


        ]

        transitions: Transition {
            PropertyAnimation { duration:250; properties: "x,y,z"; easing.type: Easing.OutQuad }
        }

    }

    Item{
        id:menu
        x: -36
        y: 0
        anchors.rightMargin: 36
        anchors.bottomMargin: 0
        anchors.leftMargin: -36
        anchors.topMargin: 0
        anchors.fill: parent


        /// -------- ADVENTURE BOX -----------------------
        RODBox {
            id: adventureBox
            x: 593
            y: 119
            anchors.rightMargin: 341
            anchors.topMargin: 119
            anchors.right: parent.right
            anchors.top: parent.top
            source:"gfx/main_adventure.png"
            sourceHover: "gfx/main_adventure_hover.png"

            Image {
                x: 47
                y: 77
                anchors.verticalCenterOffset: -1
                anchors.horizontalCenterOffset: -3
                anchors.centerIn: parent
                source:"gfx/main_adventure_text.png"
            }

        }


        /// -------- FREEPLAY BOX -----------------------
        RODBox {
            id: freeplayBox
            x: 935
            y: -23
            anchors.rightMargin: 6
            anchors.topMargin: -23
            anchors.right: parent.right
            anchors.top: parent.top

            locked: Storage.load("room_unlocked") < 1

            source:"gfx/main_freeplay.png"
            sourceHover:"gfx/main_freeplay_hover.png"
            sourceLocked:"gfx/main_freeplay_locked.png"

            Image {
                x: 59
                y: 85
                anchors.verticalCenterOffset: 7
                anchors.horizontalCenterOffset: -16
                anchors.centerIn: parent
                source:"gfx/main_freeplay_text.png"
            }

        }

        /// ------- HIGHSCORE BOX ------------------------
        RODBox {
            id: highscoreBox
            x: 976
            y: 345
            anchors.rightMargin: -47
            anchors.bottomMargin: -12
            anchors.right: parent.right
            anchors.bottom: parent.bottom

            source:"gfx/main_highscore.png"
            sourceHover: "gfx/main_highscore_hover.png"

            Image {
                x: 53
                y: 74
                anchors.verticalCenterOffset: -6
                anchors.horizontalCenterOffset: -12
                anchors.centerIn: parent
                source:"gfx/main_highscore_text.png"
            }
        }


        /// ------- DISASTER BOX ------------------------
        RODBox {
            id: disasterBox
            x: 640
            y: 428
            anchors.rightMargin: 303
            anchors.bottomMargin: -51
            anchors.right: parent.right
            anchors.bottom: parent.bottom

            source:"gfx/main_disaster.png"
            sourceHover: "gfx/main_disaster_hover.png"
            sourceLocked: "gfx/main_disaster_locked.png"

            locked: Storage.load("room_unlocked") < 6

            Image {
                x: 48
                y: 67
                anchors.verticalCenterOffset: -6
                anchors.horizontalCenterOffset: -5
                anchors.centerIn: parent
                source:"gfx/main_disaster_text.png"
            }

        }

    }



}