- modelData.type – has got the icon label, e.grams. “rum”, “parrot”, “captain”, .
- modelData.volume – retains brand new volume worth of the fresh new symbol.
- modelData.study – provides the customized user research of your own icon. We can utilize this to gain access to the image origin setting from all of our icons.
The one that fills this new video slot which have a backgbullet, a separate suggests light traces because a line involving the reels. Which image is positioned over the background as well as the written symbols by means the fresh new z possessions.
Putting Everything you Together
import Felgo 4.0 import QtQuick 2.0 import "slotmachine" GameWindow < // . World < // . // fill video game screen that have records Rectangle < // . > // incorporate video slot FlaskOfRumMachine < anchors.centerIn: parent defaultItemHeight: 80 // visualize top 70 + 5 margin most readily useful + 5 margin base (Symbol.qml) defaultReelWidth: 67 // photo width > // . > >
After captain cooks online we condition transfer “slotmachine” , we can range from the part. We anchor they in the view and you will identify the brand new default thickness and height towards activities and you can reels. While we don’t place a specific top for the symbols, the new default beliefs can be used for all of them. Once you hit play, so it already look somewhat a. However, during the a closer look, the latest fixed height allows empty parts more than otherwise below the position host.
Let’s correct that! And while we’re at they, we are able to along with provide everything you your with the addition of good handler towards the twistEnded rule and you may using brand new startSlotMachine() setting.
import Felgo 4.0 import QtQuick 2.0 import "slotmachine" GameWindow < // . Scene < // . // put slot machine game FlaskOfRumMachine < id: slotMachine // i cardio it horzizontally and you will disperse it ten px "under" the big bar // because image of the fresh new pub casts a shade towards for the the casino slot games anchors.horizontalCenter: scene.horizontalCenter anchors: topBar.bottom anchors.topMargin: -10 // we need brand new casino slot games so you're able to automobile-size with regards to the readily available level // the fresh slotmachine uses the overall game window top apart from the topBar and you will bottomBar city // like with the big pub, the beds base bar in addition to casts a shade into the to help you slot server height: scene.gameWindowAnchorItem.height - (topBar.+ anchors.topMargin) - (bottomBar.height 10) // i following estimate this new standard item level in line with the actual slotmachine height and row amount defaultItemHeight: Mathematics.round(slotMachine.height / rowCount) // and alter this new reel depth to match the item level (to maintain the new width/level proportion of the things that) defaultReelWidth: Math.round(defaultItemHeight / 80 67) // speed off twist will be decrease/improve along with items peak spinVelocity: Math.round(defaultItemHeight / 80 750) // connect code in order to handler function onSpinEnded: scene.spinEnded() > // . // initiate casino slot games function startSlotMachine() < if(!slotMachine.spinning && scene.creditAmount scene.betAmount) < bottomBar.startActive = true // beat member credit scene.creditAmount -= scene.betAmount // initiate server var stopInterval = utils.generateRandomValueBetween(five hundred, 1000) // between five-hundred and you may 1000 ms slotMachine.spin(stopInterval) > > // handle spin is finished laws function spinEnded() < bottomBar.startActive = incorrect if(bottomBar.autoActive) startSlotMachine() > > >
Therefore we move the casino slot games 10px right up to let brand new topbar together with slotmachine convergence a while
We begin by straightening the whole slot machine game underneath the most readily useful bar. Although topbar photo also includes a shade in the bottom. Given that most readily useful bar is placed in addition position server, it casts the trace upon it. An identical relates to the beds base club. Merely one in this instance, brand new level of your slot machine is determined correctly to let it convergence into the bottom club.
After function an energetic level for the casino slot games centered on the new available room, we including assess the brand new width and you will top of your icons correctly. So that as the past move we in addition to measure brand new twist acceleration along with the product top. If we failed to place a dynamic direction acceleration, a casino slot games with quicker icons would appear faster.