Wheel

Demo: https://campaigns.lucky-cycle.com/utils/games?game=wheel

1. Configuration

2. Options

3. Assets

Configuration

JSON

{
    "options": {
      "idle_spin": true,
      "play_poke": true,
      "initial_rotation": 116,
      "spin_time": 5,
      "nb_slices": 5,
      "index_image_win": 0,
      "index_image_lose": 2,
      "use_rewards": false,
      "rewards": {},
      "accessibility": false
    },
    "texts": {
      "en": {
        "start": "Play now"
      },
      "fr": {
        "start": "Je joue"
      },
      "nl": {
        "start": "Speel nu"
      }
    },
    "images": {
      "en" : {
        "pin": GAME_URL + "/pin.png",
        "wheel": GAME_URL + "/wheel.png"
      },
      "fr" : {
        "pin": GAME_URL + "/pin.png",
        "wheel": GAME_URL + "/wheel.png"
      },
      "nl" : {
        "pin": GAME_URL + "/pin.png",
        "wheel": GAME_URL + "/wheel.png"
      }
    }
}

Options

Key	Type	Explanation	Default
idle_spin	Boolean	Make the wheel spin before click.	true
play_poke	Boolean	[Wheelio] Play the poke or not.	true
initial_rotation	Int	Initial rotation of the wheel (in degrees).	116
spin_time	Integer	Time for which the wheel will keep spinning before stopping (in seconds).	5
nb_slices	Integer	Indicate the number of quarters in the wheel (invisible for the customer but needed for calculations).	5
index_image_win	Integer	Select on which slice of the wheel it will stop in case of win (and if use_reward_image is set to false).	0
index_image_lose	Integer	Select on which slice of the wheel it will stop in case of lose.	2
use_rewards	Boolean	Indicate if the wheel should have a specific number of slices (see nb_slices) or if rewards should determine it.	false
rewards	Object	If use_rewards is set to true, should map the rewards and positions.	{}
accessibility	Boolean	Switches the game to a reduced motion version.	false
start	Text	Text for the button that is displayed at the start of the game.	"Play now" / "Je joue" / "Speel nu"

Assets

Key	Size	Explanation	Default
pin	120 x 120px	Let the customer know on which quarter the wheel stopped.	/pin.png
wheel	550 x 550px	Visual of the wheel.	/wheel.png