59 lines
1.7 KiB
Markdown
59 lines
1.7 KiB
Markdown
---
|
|
sidebar_position: 4
|
|
---
|
|
|
|
# Set Up Spinning Panel
|
|
|
|
|
|
## Overview
|
|
|
|
Reel slot panel is just one part one the spinning panel.
|
|
|
|
There are other panels that need to be setup: **landing-panel**, **tension-panel**, **present-win-cell-panel** and **present-win-border-panel**.
|
|
|
|
The setup is very straightforward by using the `Generate Panel` command in each panel's helper class.
|
|
|
|
## Set Up Panel
|
|
|
|
- Landing Panel:
|
|
|
|
|
|
|
|
To define Landing Panel, create the following script:
|
|
|
|
:::warning
|
|
```jsx title="assets/game-assets/scripts/slotty-settings/extend-slotty-setting.js"
|
|
SlottySetting.prototype._registerInjection = function () {
|
|
DIContainer.Register('landingGenerator', require('landing-generator'));
|
|
};
|
|
```
|
|
:::
|
|
|
|
- Present Win Cell Panel:
|
|
|
|
|
|
|
|
- Present Win Cell Panel:
|
|
|
|
|
|
|
|
- Tension Panel:
|
|
|
|
|
|
|
|
If the tension use a custom size frame, we can change the option **sizeMode** to **Custom** and set the static frame and size.
|
|
|
|
|
|
|
|
**check toggle General Panel**
|
|
|
|
|
|
To define Tension Panel, create the following script:
|
|
:::warning
|
|
```jsx title="assets/game-assets/scripts/slotty-settings/extend-slotty-setting.js"
|
|
SlottySetting.prototype._registerInjection = function () {
|
|
DIContainer.Register('tensionGenerator', require('tension-generator'));
|
|
};
|
|
```
|
|
:::
|