• Home

CarChallenge 3D Demo

 import QtQuick 2.0
 import Felgo 3.0

 MenuScreenBase {
   id: menuAbout

   Item {
     width: 300
     height: textColumn.height + logoRow.height + 20
     anchors.horizontalCenter: parent.horizontalCenter
     // to match the play button in the bottom
     y: 5
     Rectangle {
       anchors.fill: parent
       color: "black"
       opacity: 0.8
     }

     Column {
       id: textColumn
       spacing: 10
       anchors.top: parent.top
       anchors.topMargin: 1
       anchors.left: parent.left
       anchors.leftMargin: 2
       width: parent.width

       Text {
         color: "#cccccc"
         text: "Qt3D TECH DEMO - MORE UPDATES COMING SOON"
         font.pixelSize: 9

       }
       Text {
         color: "white"
         text: "Car Challenge 3D"
         font.pixelSize: 20
         anchors.horizontalCenter: parent.horizontalCenter
       }

       Text {
         color: "white"
         font.pixelSize: 8
         width: parent.width*0.95
         anchors.horizontalCenter: parent.horizontalCenter
         text: "This tech demo showcases how to:\n
 • Mix 3D content of the Qt3D Tech Preview with 2D UI\n
 • Re-use the same entity-based game logic of a 2D Felgo game with 3D models\n
 • As Proof of Concept: Minimap that is rendered with 2D images on top of 3D world\n
 • Use these Qt3D features: 3D Models, Skybox, Follow Camera\n
 • Box2D physics-based movement"
       }

       Column {
         width: parent.width
         spacing: 5

         Text {
           color: "white"
           font.pixelSize: 9
           text: "Get the full source code and more tech details here:"
           anchors.horizontalCenter: parent.horizontalCenter
         }

         StyledButton {
           text: "Download Free Source Code"
           pixelSize: 10
           color: "#8FD50F"
           borderColor: Qt.darker(color, 1.2)
           textColor: "white"
           flatStyle: true
           anchors.horizontalCenter: parent.horizontalCenter
           onClicked: {
             nativeUtils.openUrl("https://felgo.com/carchallenge3d-app/")
           }
         }
       }

     }// Column

     Image {
       id: logoRow
       source: "../../assets/img/felgo-logo.png"
       anchors.left: parent.left
       anchors.leftMargin: 3
       anchors.bottom: parent.bottom
       anchors.bottomMargin: 3
       height: 26
       fillMode: Image.PreserveAspectFit
       MouseArea {
         anchors.fill: parent
         onClicked: nativeUtils.openUrl("https://felgo.com/carchallenge3d-app/")
       }
     }
     Image {
       source: "../../assets/img/logo-qt.png"
       anchors.right: parent.right
       anchors.rightMargin: 3
       anchors.bottom: parent.bottom
       anchors.bottomMargin: 3
       height: 26
       fillMode: Image.PreserveAspectFit
       MouseArea {
         anchors.fill: parent
         onClicked: nativeUtils.openUrl("https://felgo.com/carchallenge3d-app/")
       }