Learn what Felgo offers to help your business succeed. Start your free evaluation today! Felgo for Your Business

Particle Editor Demo

 import Felgo 3.0
 import QtQuick 2.2

 Item {
   id: contentPanel
   width: 440
   height: 230

   property int aboutPanelNumber
   property real slideWidth
   property int panelNumber
   property alias isCurrentlyMoving: contentPanel.isMoving
   property bool isMoving: false

   onMoveToLeft: isMoving = true
   onMoveToRight: isMoving = true

   onPanelNumberChanged: {
     about1.visible = false
     about2.visible = false
     about3.visible = false
     about4.visible = false
     if(panelNumber === 1) {
       about1.visible = true
     } else if(panelNumber === 2) {
       about2.visible = true
     } else if(panelNumber === 3) {
       about3.visible = true
     } else if(panelNumber === 4) {
       about4.visible = true
     }
   }

   signal finishedAnimation()
   onFinishedAnimation: {
     isMoving = false
   }

   signal moveToLeft()
   signal moveToRight()

   AboutButton {
     id: leftButton
     x: 10
     y: 16
     sourceNormal: "../assets/img/left_normal.png"
     sourceHover: "../assets/img/left_hover.png"
     sourceClick: "../assets/img/left_click.png"
     onClicked: {
       contentPanel.moveToLeft()
     }
   }

   AboutButton {
     id: rightButton
     x: 380
     y: 16
     sourceNormal: "../assets/img/right_normal.png"
     sourceHover: "../assets/img/right_hover.png"
     sourceClick: "../assets/img/right_click.png"
     onClicked: {
       contentPanel.moveToRight()
     }
   }

   Item {
     id: about1
     Item {
       width: contentPanel.width
       height: contentPanel.height

       AboutButton {
         x: 78
         y: 16
         sourceNormal: "../assets/img/title_normal.png"
         sourceHover: "../assets/img/title_hover.png"
         sourceClick: "../assets/img/title_click.png"
         onClicked: {
           // Log calls to felgo.com
           flurry.logEvent("felgo.com - about felgo")
           nativeUtils.openUrl("https://www.felgo.com")
         }
         Text {
           anchors.centerIn: parent
           text: "About Felgo"
           color: "#b9ff0a"
         }
       }

       Text {
         y: 67
         anchors.horizontalCenter: parent.horizontalCenter
         text: "powering 2D games with"
         color: "white"
       }

       AboutButton {
         x: 157
         y: 94
         sourceNormal: "../assets/img/qt_normal.png"
         sourceHover: "../assets/img/qt_hover.png"
         sourceClick: "../assets/img/qt_click.png"
         onClicked: {
           // Log calls to qt benefits page
           flurry.logEvent("qt-benefits")
           nativeUtils.openUrl("https://felgo.com/benefits/#qtdeveloper")
         }
       }
       AboutButton {
         x: 222
         y: 90
         sourceNormal: "../assets/img/cocos_normal.png"
         sourceHover: "../assets/img/cocos_hover.png"
         sourceClick: "../assets/img/cocos_click.png"
         onClicked: {
           // Log calls to cocos benefits page
           flurry.logEvent("cocos-benefits")
           nativeUtils.openUrl("https://felgo.com/benefits/#cocosdeveloper")
         }
       }

       AboutButton {
         x: 124
         y: 192
         sourceNormal: "../assets/img/link_normal.png"
         sourceHover: "../assets/img/link_hover.png"
         sourceClick: "../assets/img/link_click.png"
         onClicked: {
           // Log calls to Felgo.net
           flurry.logEvent("felgo.com")
           nativeUtils.openUrl("https://www.felgo.com")
         }
         Text {
           anchors.centerIn: parent
           text: "www.felgo.com"
           color: "#b9ff0a"
         }
       }
     }
   }

   Item {
     id: about2
     visible: false
     Item {
       width: contentPanel.width
       height: contentPanel.height

       AboutButton {
         x: 78
         y: 16
         sourceNormal: "../assets/img/title_normal.png"
         sourceHover: "../assets/img/title_hover.png"
         sourceClick: "../assets/img/title_click.png"
         onClicked: {
           // Log calls to felgo.com
           flurry.logEvent("felgo.com - felgo games features")
           nativeUtils.openUrl("https://www.felgo.com")
         }
         Text {
           anchors.centerIn: parent
           text: "Felgo - Features"
           color: "#b9ff0a"
         }
       }

       Column {
         x: 45
         y: 70
         spacing: 7
         AboutButton {
           sourceNormal: "../assets/img/interactive_item_normal.png"
           sourceHover: "../assets/img/interactive_item_hover.png"
           sourceClick: "../assets/img/interactive_item_click.png"
           onClicked: {
             // Log calls to Felgo.net
             flurry.logEvent("felgo.com - felgo features major platforms")
             nativeUtils.openUrl("https://felgo.com/features/")
           }
           Text {
             anchors.verticalCenter: parent.verticalCenter
             anchors.left: parent.left
             anchors.leftMargin: 45
             text: "Cross-Platform 2D Engine for all major platforms"
             color: "white"
             font.pixelSize: 12
           }
         }
         AboutButton {
           sourceNormal: "../assets/img/interactive_item_normal.png"
           sourceHover: "../assets/img/interactive_item_hover.png"
           sourceClick: "../assets/img/interactive_item_click.png"
           onClicked: {
             // Log calls to Felgo.net
             flurry.logEvent("felgo.com - felgo features single codebase")
             nativeUtils.openUrl("https://felgo.com/features/")
           }
           Text {
             anchors.verticalCenter: parent.verticalCenter
             anchors.left: parent.left
             anchors.leftMargin: 45
             text: "Single Codebase with Native Performance"
             color: "white"
             font.pixelSize: 12
           }
         }
         AboutButton {
           sourceNormal: "../assets/img/interactive_item_normal.png"
           sourceHover: "../assets/img/interactive_item_hover.png"
           sourceClick: "../assets/img/interactive_item_click.png"
           onClicked: {
             // Log calls to Felgo.net
             flurry.logEvent("felgo.com - felgo features levels")
             nativeUtils.openUrl("https://felgo.com/2013/05/felgo-level-editor/")
           }
           Text {
             anchors.verticalCenter: parent.verticalCenter
             anchors.left: parent.left
             anchors.leftMargin: 45
             text: "Give your players the power to create their own levels"
             color: "white"
             font.pixelSize: 12
           }
         }
         AboutButton {
           sourceNormal: "../assets/img/interactive_item_normal.png"
           sourceHover: "../assets/img/interactive_item_hover.png"
           sourceClick: "../assets/img/interactive_item_click.png"
           onClicked: {
             // Log calls to Felgo.net
             flurry.logEvent("felgo.com - felgo features introduction")
             nativeUtils.openUrl("https://felgo.com/doc/index.html#qml-introduction")
           }
           Text {
             anchors.verticalCenter: parent.verticalCenter
             anchors.left: parent.left
             anchors.leftMargin: 45
             text: "Less code with QML and JS"
             color: "white"
             font.pixelSize: 12
           }
         }

       }

     }
   }
   Item {
     id: about3
     visible: false
     Item {
       width: contentPanel.width
       height: contentPanel.height

       AboutButton {
         x: 78
         y: 16
         sourceNormal: "../assets/img/title_normal.png"
         sourceHover: "../assets/img/title_hover.png"
         sourceClick: "../assets/img/title_click.png"
         onClicked: {
           // Log calls to Felgo.net
           flurry.logEvent("felgo.com")
           flurry.logEvent("felgo.com - particle editor features")
         }
         Text {
           anchors.centerIn: parent
           text: "Particle Editor - Features"
           color: "#b9ff0a"
         }
       }

       Column {
         x: 45
         y: 70
         spacing: 7
         AboutButton {
           sourceNormal: "../assets/img/item.png"
           sourceHover: "../assets/img/item.png"
           sourceClick: "../assets/img/item.png"
           Text {
             anchors.verticalCenter: parent.verticalCenter
             anchors.left: parent.left
             anchors.leftMargin: 45
             text: "Export JSON for usage in Felgo"
             color: "white"
             font.pixelSize: 12
           }
         }
         AboutButton {
           sourceNormal: "../assets/img/item.png"
           sourceHover: "../assets/img/item.png"
           sourceClick: "../assets/img/item.png"
           Text {
             anchors.verticalCenter: parent.verticalCenter
             anchors.left: parent.left
             anchors.leftMargin: 45
             text: "Export .plist for usage in ..."
             color: "white"
             font.pixelSize: 12
           }
         }
         AboutButton {
           sourceNormal: "../assets/img/item.png"
           sourceHover: "../assets/img/item.png"
           sourceClick: "../assets/img/item.png"
           Text {
             anchors.verticalCenter: parent.verticalCenter
             anchors.left: parent.left
             anchors.leftMargin: 45
             text: "Create and test particles directly on target device"
             color: "white"
             font.pixelSize: 12
           }
         }
         AboutButton {
           sourceNormal: "../assets/img/item.png"
           sourceHover: "../assets/img/item.png"
           sourceClick: "../assets/img/item.png"
           Text {
             anchors.verticalCenter: parent.verticalCenter
             anchors.left: parent.left
             anchors.leftMargin: 45
             text: "Use predefined particles and create your own ones"
             color: "white"
             font.pixelSize: 12
           }
         }
       }
     }
   }

   Item {
     id: about4
     Item {
       width: contentPanel.width
       height: contentPanel.height

       AboutButton {
         id: title
         x: 78
         y: 16
         sourceNormal: "../assets/img/title_normal.png"
         sourceHover: "../assets/img/title_hover.png"
         sourceClick: "../assets/img/title_click.png"
         onClicked: {
           // Log calls to felgo games
           flurry.logEvent("Felgo Games")
           nativeUtils.openUrl("https://www.felgo.com/showcases")
         }
         Text {
           anchors.centerIn: parent
           text: "Felgo Games"
           color: "#b9ff0a"
         }
       }

       Column {
         anchors.horizontalCenter: parent.horizontalCenter
         anchors.top: title.bottom
         anchors.topMargin: 15
         spacing: 7

         AboutButton {
           sourceNormal: "../assets/img/squaby_normal.png"
           sourceHover: "../assets/img/squaby_hover.png"
           sourceClick: "../assets/img/squaby_click.png"
           onClicked: {
             // Log calls to Felgo games
             flurry.logEvent("Felgo Games Squaby")
             nativeUtils.openUrl("http://games.felgo.com/squaby/")
           }
         }
         AboutButton {
           sourceNormal: "../assets/img/cob_normal.png"
           sourceHover: "../assets/img/cob_hover.png"
           sourceClick: "../assets/img/cob_click.png"
           onClicked: {
             // Log calls to Felgo games
             flurry.logEvent("Felgo Games Chickenoutbreak")
             nativeUtils.openUrl("http://games.felgo.com/chickenoutbreak/")
           }
         }
         AboutButton {
           sourceNormal: "../assets/img/link_normal.png"
           sourceHover: "../assets/img/link_hover.png"
           sourceClick: "../assets/img/link_click.png"
           onClicked: {
             // Log calls to felgo games
             flurry.logEvent("Felgo Games")
             nativeUtils.openUrl("https://www.felgo.com/showcases")
           }
           Text {
             anchors.centerIn: parent
             text: "for more games click here"
             color: "#b9ff0a"
           }
         }
       }
     }
   }

   NumberAnimation on x {id: numberAnimationXR; running: false; duration: 500;
     onRunningChanged: {
       if(!running) {
         contentPanel.finishedAnimation()
       }
     }
   }
   NumberAnimation on x {id: numberAnimationXL; running: false; duration: 500;
     onRunningChanged: {
       if(!running) {
         contentPanel.finishedAnimation()
       }
     }
   }

   function moveLeft() {
     if(x < 0) {
       x = slideWidth
     }
     if(x === 0) {
        numberAnimationXL.to = -slideWidth
     }
     if(x > 0) {
       numberAnimationXL.to = 0
       panelNumber = aboutPanelNumber
     }
     numberAnimationXL.start()
   }

   function moveRight() {
     if(x > 0) {
       x = -slideWidth
     }
     if(x === 0) {
       numberAnimationXR.to = slideWidth
     }
     if(x < 0) {
       numberAnimationXR.to = 0
       panelNumber = aboutPanelNumber
     }
Felgo

Sign Up and Download for Free

By signing up, you consent to Felgo processing your data & contacting you to fulfill your request. For more information on how we are committed to protecting & respecting your privacy, please review our privacy policy.
Already have a Felgo account? Login here.
Want to find out if Felgo is a good fit for your company?

As part of the free Business evaluation, we offer a free welcome call for companies, to talk about your requirements, and how the Felgo SDK & Services can help you. Just sign up and schedule your call.

Sign up now to start your free Business evaluation:

  • Free personal evaluation call
  • Access to all Felgo Business license features
  • Up to 5 hours of free professional services
  • Private Slack channel
  • Priority support via Email or screen sharing
Qt_Technology_Partner_RGB_475 Qt_Service_Partner_RGB_475_padded