- modelData.style of – has the icon title, elizabeth.grams. “rum”, “parrot”, “captain”, .
- modelData.volume – retains the brand new regularity property value the fresh icon.
- modelData.investigation – provides the individualized user analysis of symbol. We are able to utilize this to gain access to the picture resource arrangement of our very own symbols.
The one that fulfills new casino slot games having a back ground, a different suggests light contours since the an edge involving the reels. That it picture is put over the records as well as the authored icons because of the means new z property.
Getting Everything you Together
import Felgo 4.0 import QtQuick 2.0 import "slotmachine" GameWindow < // . World < // . // fill video game screen that have background Rectangle < // . > // create video slot FlaskOfRumMachine < anchors.centerIn: parent defaultItemHeight: 80 // visualize top 70 + 5 margin best + 5 margin base (Icon.qml) defaultReelWidth: 67 // picture depth > // . > >
Even as we state transfer “slotmachine” , we could range from the component. We point it in the middle of the world and you may establish brand new default depth and you may height for the facts and viking bingo you can reels. Even as we did not lay a specific peak in regards to our symbols, the fresh default beliefs are used for all of them. After you hit play, this currently look slightly an excellent. But from the a close look, brand new fixed level lets blank components a lot more than otherwise below the position machine.
Why don’t we correct that! And even though we are on they, we are able to in addition to give what you to life adding good handler on twistEnded laws and using this new startSlotMachine() mode.
import Felgo 4.0 import QtQuick 2.0 import "slotmachine" GameWindow < // . Scene < // . // add slot machine game FlaskOfRumMachine < id: slotMachine // i heart they horzizontally and you may disperse they 10 px "under" the major club // just like the picture of the latest bar casts a shade for the into this new casino slot games anchors.horizontalCenter: scene.horizontalCenter anchors: topBar.bottom anchors.topMargin: -10 // we are in need of the fresh new slot machine game so you're able to automobile-size with respect to the available peak // new slotmachine use the online game screen top except for the latest topBar and you will bottomBar urban area // like with the top pub, the bottom pub in addition to casts a shade into the to slot machine height: scene.gameWindowAnchorItem.height - (topBar.+ anchors.topMargin) - (bottomBar.height 10) // i upcoming calculate brand new standard item top according to the actual slotmachine peak and you may row number defaultItemHeight: Mathematics.round(slotMachine.height / rowCount) // and change brand new reel width to match the thing level (in order to maintain the new thickness/peak ratio of the things that) defaultReelWidth: Math.round(defaultItemHeight / 80 67) // acceleration regarding twist is always to decrease/raise and goods level spinVelocity: Math.round(defaultItemHeight / 80 750) // hook rule so you're able to handler means onSpinEnded: scene.spinEnded() > // . // initiate casino slot games function startSlotMachine() < if(!slotMachine.spinning && scene.creditAmount scene.betAmount) < bottomBar.startActive = true // clean out user loans scene.creditAmount -= scene.betAmount // begin host var stopInterval = utils.generateRandomValueBetween(five-hundred, 1000) // between 500 and 1000 ms slotMachine.spin(stopInterval) > > // handle twist is gone code function spinEnded() < bottomBar.startActive = not the case if(bottomBar.autoActive) startSlotMachine() > > >
So we flow the latest video slot 10px up to allow the brand new topbar and the slotmachine overlap a bit
I start with aligning the entire slot machine game beneath the greatest club. But the topbar picture also includes a trace in the bottom. Since the top bar is placed in addition slot servers, it casts its shade onto it. The same relates to the bottom bar. Only that in this instance, the height of your casino slot games is decided accordingly so that it overlap towards the base pub.
Immediately following function a dynamic height on the slot machine predicated on new offered space, i and calculate the newest width and you may top of your symbols properly. So that as the very last move we together with size brand new spin speed along with the product level. Whenever we didn’t place an active movement speed, a slot machine that have less symbols would seem smaller.
