- modelData.form of – has the symbol identity, elizabeth.grams. “rum”, “parrot”, “captain”, .
- modelData.regularity – holds the brand new regularity property value the brand new icon.
- modelData.study – provides the individualized associate data of symbol. We could use this to gain access to the image resource arrangement out of our signs.
One which fills the new video slot with a back ground casinozer , an alternate suggests light traces since the an edge amongst the reels. It image is put over the record plus the created icons of the mode brand new z property.
Placing Everything Together
import Felgo 4.0 import QtQuick 2.0 import "slotmachine" GameWindow < // . World < // . // complete video game windows with background Rectangle < // . > // put slot machine game FlaskOfRumMachine < anchors.centerIn: mother defaultItemHeight: 80 // visualize peak 70 + 5 margin better + 5 margin base (Icon.qml) defaultReelWidth: 67 // visualize thickness > // . > >
Even as we condition import “slotmachine” , we could range from the parts. I anchor they in the view and you will establish the new default thickness and you can height for the affairs and you can reels. Once we failed to put a particular level in regards to our signs, new default philosophy are used for them. Once you hit enjoy, that it already research a bit a beneficial. However, in the a close look, the repaired peak allows empty components significantly more than otherwise below the position host.
Let’s correct that! And even though we have been at the they, we can plus provide what you to life by adding a beneficial handler toward spinEnded code and you can using the new startSlotMachine() means.
import Felgo 4.0 import QtQuick 2.0 import "slotmachine" GameWindow < // . Scene < // . // put slot machine FlaskOfRumMachine < id: slotMachine // we center it horzizontally and you may move it ten px "under" the big pub // as the image of this new pub casts a trace to the towards new slot machine game anchors.horizontalCenter: scene.horizontalCenter anchors: topBar.bottom anchors.topMargin: -10 // we truly need new video slot in order to vehicle-dimensions with regards to the readily available height // the latest slotmachine use the overall game window level except for the brand new topBar and you can bottomBar area // as with the top club, the bottom club in addition to casts a shade to your to help you slot servers height: scene.gameWindowAnchorItem.height - (topBar.+ anchors.topMargin) - (bottomBar.height 10) // i next determine this new standard product height in line with the real slotmachine level and line number defaultItemHeight: Mathematics.round(slotMachine.height / rowCount) // and alter the fresh reel width to fit the item height (to steadfastly keep up new width/height ratio of the items) defaultReelWidth: Math.round(defaultItemHeight / 80 67) // acceleration away from spin would be to decrease/raise in addition to product top spinVelocity: Math.round(defaultItemHeight / 80 750) // link code in order to handler setting onSpinEnded: scene.spinEnded() > // . // begin video slot function startSlotMachine() < if(!slotMachine.rotating && scene.creditAmount scene.betAmount) < bottomBar.startActive = true // remove athlete credit scene.creditAmount -= scene.betAmount // start host var stopInterval = utils.generateRandomValueBetween(five hundred, 1000) // ranging from five hundred and you can 1000 ms slotMachine.spin(stopInterval) > > // manage twist is gone laws function spinEnded() < bottomBar.startActive = untrue if(bottomBar.autoActive) startSlotMachine() > > >
Therefore we disperse the fresh new slot machine 10px right up to allow the fresh topbar therefore the slotmachine convergence sometime
We begin by aligning the entire slot machine game underneath the finest pub. Nevertheless topbar image also contains a trace at the end. As finest pub is positioned on top of the slot servers, they casts its shadow upon it. An equivalent pertains to the base club. Just one in this instance, the fresh new height of your own casino slot games is determined appropriately to allow they overlap towards the bottom club.
Once mode a working height toward video slot predicated on the newest available area, we also estimate the new depth and you can top of the symbols appropriately. And also as the last move we including size the fresh spin velocity plus the product level. When we don’t place a dynamic direction speed, a video slot with smaller icons would appear shorter.