- modelData.form of – contains the icon term, e.g. “rum”, “parrot”, “captain”, .
- modelData.regularity – keeps the brand new regularity property value the fresh icon.
- modelData.study – comes with the individualized member studies of your icon. We can use this to view the image origin setup out of all of our symbols.
One that fills brand new slot machine game which have a back https://casushislots.com/au/ ground, another type of shows white traces once the a border amongst the reels. It image is positioned over the history therefore the created signs of the mode the brand new z assets.
Putting Everything Together
import Felgo 4.0 import QtQuick 2.0 import "slotmachine" GameWindow < // . World < // . // complete video game window with record Rectangle < // . > // add slot machine game FlaskOfRumMachine < anchors.centerIn: moms and dad defaultItemHeight: 80 // picture top 70 + 5 margin top + 5 margin base (Symbol.qml) defaultReelWidth: 67 // photo thickness > // . > >
Once we condition transfer “slotmachine” , we can are the part. We anchor it in the center of the view and you can identify new default thickness and you may top toward factors and reels. While we did not lay a certain height for the signs, the brand new standard viewpoints can be used for them. When you hit enjoy, so it currently lookup some a great. However, within a closer look, the newest fixed top lets empty elements more than otherwise underneath the slot host.
Let’s correct that! Even though the audience is during the it, we could as well as offer everything you alive by adding a great handler into spinEnded rule and using the new startSlotMachine() mode.
import Felgo 4.0 import QtQuick 2.0 import "slotmachine" GameWindow < // . Scene < // . // include slot machine FlaskOfRumMachine < id: slotMachine // i cardio it horzizontally and you will move they ten px "under" the major bar // once the image of the newest pub casts a trace for the to the new slot machine game anchors.horizontalCenter: scene.horizontalCenter anchors: topBar.bottom anchors.topMargin: -10 // we require the newest slot machine game in order to vehicles-proportions with regards to the offered peak // brand new slotmachine will use the overall game windows height apart from the newest topBar and bottomBar area // as with the big bar, the beds base club together with casts a shade towards to help you position servers height: scene.gameWindowAnchorItem.height - (topBar.+ anchors.topMargin) - (bottomBar.height 10) // we up coming determine this new standard goods height in accordance with the actual slotmachine level and you may row amount defaultItemHeight: Mathematics.round(slotMachine.height / rowCount) // and alter this new reel width to fit the item peak (to keep up brand new width/peak proportion of the things that) defaultReelWidth: Math.round(defaultItemHeight / 80 67) // velocity off twist is to decrease/boost together with goods level spinVelocity: Math.round(defaultItemHeight / 80 750) // link rule in order to handler function onSpinEnded: scene.spinEnded() > // . // start video slot function startSlotMachine() < if(!slotMachine.rotating && scene.creditAmount scene.betAmount) < bottomBar.startActive = true // lose athlete credits scene.creditAmount -= scene.betAmount // begin server var stopInterval = utils.generateRandomValueBetween(five hundred, 1000) // anywhere between five-hundred and 1000 ms slotMachine.spin(stopInterval) > > // manage spin is finished signal function spinEnded() < bottomBar.startActive = untrue if(bottomBar.autoActive) startSlotMachine() > > >
So we move brand new slot machine game 10px right up so that the topbar and slotmachine convergence some time
We begin by aligning the entire slot machine underneath the ideal pub. Although topbar photo also contains a trace at the end. Given that better club is positioned in addition slot servers, it casts its shadow on it. A similar applies to the beds base bar. Simply you to in such a case, the level of your own slot machine game is set appropriately to allow they overlap on bottom club.
Just after means an energetic height for the slot machine considering brand new readily available area, we and estimate the brand new width and you can level of your icons accordingly. And also as the last action we together with measure the fresh new twist velocity also the product height. When we failed to set an energetic course acceleration, a video slot that have smaller symbols would seem quicker.