- modelData.style of – has the icon name, age.g. “rum”, “parrot”, “captain”, .
- modelData.volume – retains this new frequency worth of the latest icon.
- modelData.data – gets the customized representative data of one’s icon. We can make use of this to get into the image source arrangement out-of our icons.
One that fulfills the latest slot machine which have a back https://winlandia-casino.com/pt/ ground, a special suggests light outlines as an edge within reels. This visualize is placed over the background additionally the authored signs because of the form the z assets.
Putting Everything To one another
import Felgo 4.0 import QtQuick 2.0 import "slotmachine" GameWindow < // . Scene < // . // fill games screen with history Rectangle < // . > // create slot machine FlaskOfRumMachine < anchors.centerIn: parent defaultItemHeight: 80 // image level 70 + 5 margin most readily useful + 5 margin base (Icon.qml) defaultReelWidth: 67 // photo width > // . > >
Even as we county import “slotmachine” , we could add the role. I anchor it in the center of the view and specify this new standard thickness and you can peak into products and you may reels. Once we don’t place a particular peak for our symbols, the brand new standard beliefs are used for all of them. After you hit gamble, this already look somewhat good. However, from the a closer look, this new repaired height lets empty parts above otherwise underneath the slot servers.
Let us correct that! Although we’re during the it, we can along with render that which you to life with the addition of an effective handler towards spinEnded code and you can implementing the new startSlotMachine() means.
import Felgo 4.0 import QtQuick 2.0 import "slotmachine" GameWindow < // . Scene < // . // create casino slot games FlaskOfRumMachine < id: slotMachine // we heart it horzizontally and you will flow they ten px "under" the big club // as picture of the fresh new pub casts a shade on the into brand new slot machine anchors.horizontalCenter: scene.horizontalCenter anchors: topBar.bottom anchors.topMargin: -10 // we require the new slot machine so you're able to vehicle-size with respect to the readily available peak // brand new slotmachine uses the video game windows height except for the fresh new topBar and you will bottomBar area // like with the big club, the bottom bar as well as casts a trace into the so you can slot machine height: scene.gameWindowAnchorItem.height - (topBar.+ anchors.topMargin) - (bottomBar.height 10) // we next determine the standard item height according to research by the actual slotmachine top and you can line amount defaultItemHeight: Mathematics.round(slotMachine.height / rowCount) // and change new reel depth to fit the object level (to keep the new width/peak proportion of the items) defaultReelWidth: Math.round(defaultItemHeight / 80 67) // acceleration regarding spin would be to drop off/raise as well as product peak spinVelocity: Math.round(defaultItemHeight / 80 750) // hook laws so you're able to handler means onSpinEnded: scene.spinEnded() > // . // begin slot machine game function startSlotMachine() < if(!slotMachine.rotating && scene.creditAmount scene.betAmount) < bottomBar.startActive = true // dump player credits scene.creditAmount -= scene.betAmount // start machine var stopInterval = utils.generateRandomValueBetween(five hundred, 1000) // anywhere between five hundred and 1000 ms slotMachine.spin(stopInterval) > > // manage spin is gone signal function spinEnded() < bottomBar.startActive = false if(bottomBar.autoActive) startSlotMachine() > > >
So we circulate the brand new slot machine 10px up so that the topbar and slotmachine overlap a while
We start with aligning the entire casino slot games below the most readily useful bar. Nevertheless topbar visualize also includes a shade at the bottom. Since the better pub is positioned in addition slot machine, they casts the trace about it. The same relates to the bottom pub. Simply that in such a case, the fresh top of your video slot is set appropriately to allow they convergence towards base club.
Once form a dynamic level toward casino slot games considering new available room, we along with assess new thickness and you may level of one’s symbols correctly. And also as the last action we and level the newest spin velocity as well as the item height. When we didn’t put an active movement velocity, a casino slot games having shorter symbols seems smaller.