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

Platformer with Level Editor

 import QtQuick 2.0
 import QtQuick.Controls.Styles 1.0
 import Felgo 3.0

 GameButton {
   id: textButton

   width: screenText.width + 20
   height: 30

   // background color
   property color color: "#ffffff"

   // we use screenText instead of the GameButton text property,
   // because the existing text property causes bad fonts
   property alias screenText: screenText.text

   // alias to access the text color
   property alias textColor: screenText.color

   // we override the default Felgo style with our own
   style: ButtonStyle {
     background: Rectangle {
       border.width: 1
       border.color: "black"
       radius: 3

       // add a gradient as background
       gradient: Gradient {
         // take color as the first color
         GradientStop { position: 0.0; color: textButton.color }
         // tint color, to make it a little darker and use it as second color
         GradientStop { position: 1.0; color: Qt.tint(textButton.color, "#24000000") }

   onClicked: audioManager.playSound("click")

   // text displayed in the button
   Text {
     id: screenText

     anchors.centerIn: parent

     font.pixelSize: 12

   // this white rectangle covers the button when the mouse hovers above it
   Rectangle {
     anchors.fill: parent

     radius: 3

     color: "white"
Qt_Technology_Partner_RGB_475 Qt_Service_Partner_RGB_475_padded