samegame.qml Example File
demos/samegame/samegame.qml
/****************************************************************************
**
** Copyright (C) 2017 The Qt Company Ltd.
** Contact: https://www.qt.io/licensing/
**
** This file is part of the examples of the Qt Toolkit.
**
** $QT_BEGIN_LICENSE:BSD$
** Commercial License Usage
** Licensees holding valid commercial Qt licenses may use this file in
** accordance with the commercial license agreement provided with the
** Software or, alternatively, in accordance with the terms contained in
** a written agreement between you and The Qt Company. For licensing terms
** and conditions see https://www.qt.io/terms-conditions. For further
** information use the contact form at https://www.qt.io/contact-us.
**
** BSD License Usage
** Alternatively, you may use this file under the terms of the BSD license
** as follows:
**
** "Redistribution and use in source and binary forms, with or without
** modification, are permitted provided that the following conditions are
** met:
** * Redistributions of source code must retain the above copyright
** notice, this list of conditions and the following disclaimer.
** * Redistributions in binary form must reproduce the above copyright
** notice, this list of conditions and the following disclaimer in
** the documentation and/or other materials provided with the
** distribution.
** * Neither the name of The Qt Company Ltd nor the names of its
** contributors may be used to endorse or promote products derived
** from this software without specific prior written permission.
**
**
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
**
** $QT_END_LICENSE$
**
****************************************************************************/
import QtQuick 2.0
import QtQuick.Particles 2.0
import "content/samegame.js" as Logic
import "content"
Rectangle id : root
width : Settings .screenWidth ; height : Settings .screenHeight
property int acc : 0
function loadPuzzle () {
if (gameCanvas .mode != "" )
Logic .cleanUp ();
Logic .startNewGame (gameCanvas ,"puzzle" ,"levels/level" + acc + ".qml" )
}
function nextPuzzle () {
acc = (acc + 1 ) % 10 ;
loadPuzzle ();
}
Timer id : gameOverTimer
interval : 1500
running : gameCanvas .gameOver && gameCanvas .mode == "puzzle" //mode will be reset by cleanUp();
repeat : false
onTriggered : {
Logic .cleanUp ();
nextPuzzle ();
}
}
Image source : "content/gfx/background.png"
anchors .fill: parent
}
GameArea {
id : gameCanvas
z : 1
y : Settings .headerHeight
width : parent .width
height : parent .height - Settings .headerHeight - Settings .footerHeight
backgroundVisible : root .state == "in-game"
onModeChanged : if (gameCanvas .mode != "puzzle" ) puzzleWon = false ; //UI has stricter constraints on this variable than the game does
Age groups : ["redspots" , "greenspots" , "bluespots" , "yellowspots" ]
enabled : root .state == ""
system : gameCanvas .ps
}
onPuzzleLost : acc--;//So that nextPuzzle() reloads the current one
}
Item id : menu
z : 2
width : parent .width ;
anchors .top: parent .top
anchors .bottom: bottomBar .top
LogoAnimation {
x : 64
y : Settings .headerHeight
particleSystem : gameCanvas .ps
running : root .state == ""
}
Row x : 112
y : 20
Image source : "content/gfx/logo-a.png" }
Image source : "content/gfx/logo-m.png" }
Image source : "content/gfx/logo-e.png" }
}
Column y : 100 + 40
spacing : Settings .menuButtonSpacing
width : parent .width
height : parent .height - (140 + Settings .footerHeight )
Button width : root .width
rotatedButton : true
imgSrc : "content/gfx/but-game-1.png"
onClicked : {
if (root .state == "in-game" )
return //Prevent double clicking
root .state = "in-game"
gameCanvas .blockFile = "Block.qml"
gameCanvas .background = "gfx/background.png"
arcadeTimer .start ();
}
//Emitted particles don't fade out, because ImageParticle is on the GameArea
system : gameCanvas .ps
group : "green"
Timer id : arcadeTimer
interval : Settings .menuDelay
running : false
repeat : false
onTriggered : Logic .startNewGame (gameCanvas )
}
}
Button width : root .width
rotatedButton : true
imgSrc : "content/gfx/but-game-2.png"
onClicked : {
if (root .state == "in-game" )
return
root .state = "in-game"
gameCanvas .blockFile = "Block.qml"
gameCanvas .background = "gfx/background.png"
twopTimer .start ();
}
system : gameCanvas .ps
group : "green"
Timer id : twopTimer
interval : Settings .menuDelay
running : false
repeat : false
onTriggered : Logic .startNewGame (gameCanvas , "multiplayer" )
}
}
Button width : root .width
rotatedButton : true
imgSrc : "content/gfx/but-game-3.png"
onClicked : {
if (root .state == "in-game" )
return
root .state = "in-game"
gameCanvas .blockFile = "SimpleBlock.qml"
gameCanvas .background = "gfx/background.png"
endlessTimer .start ();
}
system : gameCanvas .ps
group : "blue"
Timer id : endlessTimer
interval : Settings .menuDelay
running : false
repeat : false
onTriggered : Logic .startNewGame (gameCanvas , "endless" )
}
}
Button width : root .width
rotatedButton : true
imgSrc : "content/gfx/but-game-4.png"
group : "yellow"
onClicked : {
if (root .state == "in-game" )
return
root .state = "in-game"
gameCanvas .blockFile = "PuzzleBlock.qml"
gameCanvas .background = "gfx/background.png"
puzzleTimer .start ();
}
Timer id : puzzleTimer
interval : Settings .menuDelay
running : false
repeat : false
onTriggered : loadPuzzle ();
}
system : gameCanvas .ps
}
}
}
Image id : scoreBar
source : "content/gfx/bar.png"
width : parent .width
z : 6
y : -Settings .headerHeight
height : Settings .headerHeight
Behavior on opacity { NumberAnimation SamegameText {
id : arcadeScore
anchors { right : parent .right ; topMargin : 3 ; rightMargin : 11 ; top : parent .top }
text : '<font color="#f7d303">P1:</font> ' + gameCanvas .score
font .pixelSize: Settings .fontPixelSize
textFormat : Text .StyledText
color : "white"
opacity : gameCanvas .mode == "arcade" ? 1 : 0
Behavior on opacity { NumberAnimation SamegameText {
id : arcadeHighScore
anchors { left : parent .left ; topMargin : 3 ; leftMargin : 11 ; top : parent .top }
text : '<font color="#f7d303">Highscore:</font> ' + gameCanvas .highScore
opacity : gameCanvas .mode == "arcade" ? 1 : 0
}
SamegameText {
id : p1Score
anchors { right : parent .right ; topMargin : 3 ; rightMargin : 11 ; top : parent .top }
text : '<font color="#f7d303">P1:</font> ' + gameCanvas .score
opacity : gameCanvas .mode == "multiplayer" ? 1 : 0
}
SamegameText {
id : p2Score
anchors { left : parent .left ; topMargin : 3 ; leftMargin : 11 ; top : parent .top }
text : '<font color="#f7d303">P2:</font> ' + gameCanvas .score2
opacity : gameCanvas .mode == "multiplayer" ? 1 : 0
rotation : 180
}
SamegameText {
id : puzzleMoves
anchors { left : parent .left ; topMargin : 3 ; leftMargin : 11 ; top : parent .top }
text : '<font color="#f7d303">Moves:</font> ' + gameCanvas .moves
opacity : gameCanvas .mode == "puzzle" ? 1 : 0
}
SamegameText {
Image source : "content/gfx/icon-time.png"
x : -20
}
id : puzzleTime
anchors { topMargin : 3 ; top : parent .top ; horizontalCenter : parent .horizontalCenter ; horizontalCenterOffset : 20 }
text : "00:00"
opacity : gameCanvas .mode == "puzzle" ? 1 : 0
Timer interval : 1000
repeat : true
running : gameCanvas .mode == "puzzle" && !gameCanvas .gameOver
onTriggered : {
var elapsed = Math .floor ((new Date () - Logic .gameDuration )/ 1000.0 );
var mins = Math .floor (elapsed / 60.0 );
var secs = (elapsed % 60 );
puzzleTime .text = (mins < 10 ? "0" : "" ) + mins + ":" + (secs < 10 ? "0" : "" ) + secs ;
}
}
}
SamegameText {
id : puzzleScore
anchors { right : parent .right ; topMargin : 3 ; rightMargin : 11 ; top : parent .top }
text : '<font color="#f7d303">Score:</font> ' + gameCanvas .score
opacity : gameCanvas .mode == "puzzle" ? 1 : 0
}
}
Image id : bottomBar
width : parent .width
height : Settings .footerHeight
source : "content/gfx/bar.png"
y : parent .height - Settings .footerHeight ;
z : 2
Button id : quitButton
height : Settings .toolButtonHeight
imgSrc : "content/gfx/but-quit.png"
onClicked : {Qt .quit (); }
anchors { left : parent .left ; verticalCenter : parent .verticalCenter ; leftMargin : 11 }
}
Button id : menuButton
height : Settings .toolButtonHeight
imgSrc : "content/gfx/but-menu.png"
visible : (root .state == "in-game" );
onClicked : {root .state = "" ; Logic .cleanUp (); gameCanvas .mode = "" }
anchors { left : quitButton .right ; verticalCenter : parent .verticalCenter ; leftMargin : 0 }
}
Button id : againButton
height : Settings .toolButtonHeight
imgSrc : "content/gfx/but-game-new.png"
visible : (root .state == "in-game" );
opacity : gameCanvas .gameOver && (gameCanvas .mode == "arcade" || gameCanvas .mode == "multiplayer" )
Behavior on opacity { NumberAnimation onClicked : {if (gameCanvas .gameOver ) { Logic .startNewGame (gameCanvas , gameCanvas .mode );}}
anchors { right : parent .right ; verticalCenter : parent .verticalCenter ; rightMargin : 11 }
}
Button id : nextButton
height : Settings .toolButtonHeight
imgSrc : "content/gfx/but-puzzle-next.png"
visible : (root .state == "in-game" ) && gameCanvas .mode == "puzzle" && gameCanvas .puzzleWon
opacity : gameCanvas .puzzleWon ? 1 : 0
Behavior on opacity { NumberAnimation onClicked : {if (gameCanvas .puzzleWon ) nextPuzzle ();}
anchors { right : parent .right ; verticalCenter : parent .verticalCenter ; rightMargin : 11 }
}
}
Connections target : root
onStateChanged : stateChangeAnim .running = true
}
SequentialAnimation id : stateChangeAnim
ParallelAnimation NumberAnimation target : bottomBar ; property : "y" ; to : root .height ; duration : Settings .menuDelay / 2 ; easing .type: Easing .OutQuad }
NumberAnimation target : scoreBar ; property : "y" ; to : -Settings .headerHeight ; duration : Settings .menuDelay / 2 ; easing .type: Easing .OutQuad }
}
ParallelAnimation NumberAnimation target : bottomBar ; property : "y" ; to : root .height - Settings .footerHeight ; duration : Settings .menuDelay / 2 ; easing .type: Easing .OutBounce }
NumberAnimation target : scoreBar ; property : "y" ; to : root .state == "" ? -Settings .headerHeight : 0 ; duration : Settings .menuDelay / 2 ; easing .type: Easing .OutBounce }
}
}
states : [
State name : "in-game"
PropertyChanges target : menu
opacity : 0
visible : false
}
}
]
transitions : [
Transition NumberAnimation properties : "x,y,opacity" }
}
]
//"Debug mode"
focus : true
Keys .onAsteriskPressed: Logic .nuke ();
Keys .onSpacePressed: gameCanvas .puzzleWon = true ;
}
