- modelData.sort of – comes with the icon name, e.g. “rum”, “parrot”, “captain”, .
- modelData.frequency – retains this new regularity property value new symbol.
- modelData.study – gets the customized representative studies of icon. We could utilize this to access the image resource setting of our symbols.
One which fulfills the newest slot machine game which have a backgbullet, a unique shows 32red white traces because the a boundary amongst the reels. That it image is positioned over the records while the composed signs by the mode the new z assets.
Putting Everything you Together
import Felgo 4.0 import QtQuick 2.0 import "slotmachine" GameWindow < // . World < // . // fill video game screen that have background Rectangle < // . > // add video slot FlaskOfRumMachine < anchors.centerIn: father or mother defaultItemHeight: 80 // image top 70 + 5 margin top + 5 margin base (Symbol.qml) defaultReelWidth: 67 // image thickness > // . > >
As we condition import “slotmachine” , we could are the part. We point they in the view and you may establish the newest default thickness and you can top to the products and you can reels. Even as we failed to put a certain level for our icons, the fresh new standard opinions are used for all of them. Once you hit gamble, that it currently look somewhat an effective. But at a closer look, the fresh repaired level lets blank parts a lot more than or underneath the position servers.
Let’s correct that! And even though we have been within they, we can and give everything to life by the addition of a beneficial handler to the twistEnded code and you can applying the fresh new startSlotMachine() means.
import Felgo 4.0 import QtQuick 2.0 import "slotmachine" GameWindow < // . Scene < // . // create casino slot games FlaskOfRumMachine < id: slotMachine // i cardio they horzizontally and flow it ten px "under" the top club // because the image of the new pub casts a shade to your to your this new casino slot games anchors.horizontalCenter: scene.horizontalCenter anchors: topBar.bottom anchors.topMargin: -10 // we require this new video slot to help you auto-dimensions according to available top // brand new slotmachine uses the game screen height except for the fresh new topBar and you can bottomBar urban area // just as in the major pub, the base pub including casts a shade on so you can position server height: scene.gameWindowAnchorItem.height - (topBar.+ anchors.topMargin) - (bottomBar.height 10) // i after that assess the latest standard product top according to the actual slotmachine top and you can row amount defaultItemHeight: Mathematics.round(slotMachine.height / rowCount) // and change brand new reel width to complement the thing top (to keep up the newest width/peak proportion of the items) defaultReelWidth: Math.round(defaultItemHeight / 80 67) // speed off twist would be to fall off/increase as well as product peak spinVelocity: Math.round(defaultItemHeight / 80 750) // connect rule to help you handler form onSpinEnded: scene.spinEnded() > // . // begin video slot function startSlotMachine() < if(!slotMachine.spinning && scene.creditAmount scene.betAmount) < bottomBar.startActive = true // reduce user loans scene.creditAmount -= scene.betAmount // begin server var stopInterval = utils.generateRandomValueBetween(500, 1000) // between five-hundred and 1000 ms slotMachine.spin(stopInterval) > > // handle spin is gone rule function spinEnded() < bottomBar.startActive = false if(bottomBar.autoActive) startSlotMachine() > > >
So we move the video slot 10px right up to let the newest topbar as well as the slotmachine overlap sometime
We start by straightening the entire slot machine game underneath the most readily useful pub. Although topbar picture also contains a shadow in the bottom. Just like the most readily useful bar is placed on top of the slot host, they casts the shade onto it. A comparable applies to the bottom bar. Just one in this case, the fresh peak of casino slot games is decided appropriately to let it convergence for the base club.
Once function an active level towards the casino slot games centered on the available room, we as well as calculate the brand new depth and you may height of one’s signs properly. And as the last move we including level the fresh new twist velocity in addition to the item height. If we did not set an active path acceleration, a video slot which have reduced signs would appear reduced.