Pinata

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

1. Configuration

2. Options

3. Assets

Configuration

JSON

{
  "options": {
    "hits": 3,
    "rope_color": "black",
    "rope_width": 8,
    "pinata_size": 70,
    "pinata_top": 0,
    "swing": true,
    "hit_swing": true,
    "hit_explosion": true,
    "particules_count" : 40,
    "particules_min_speed": 25,
    "particules_max_speed": 40,
    "particules_min_size": 5,
    "particules_max_size": 10,
    "use_reward_image": false,
    "steering_offset": 75
  },
  "texts": {
    "en": {
      "start": "Play now"
    },
    "fr": {
      "start": "Je joue"
    },
    "nl": {
      "start": "Speel nu"
    }
  },
  "images": {
    "win": GAME_URL + "/pinata/win.png",
    "lose": GAME_URL + "/pinata/lose.png",
    "pinata": [
      GAME_URL + "/pinata/state1.png",
      GAME_URL + "/pinata/state2.png",
      GAME_URL + "/pinata/state3.png"
    ],
    "rewards": {}
  }
}

Options

Key	Type	Explanation	Default
hits	Int	Number of "steps" to the game.	3
rope_color	String	Colour of the rope (can also be partially or fully transparent).	"black"
rope_width	Float	Width of the rope.	8 (px = .5em)
pinata_size	Float	Percentage of the container for the pinata visuals.	70 (%)
pinata_top	Float	Pinata is vertically centered by default (50%), add value to lower it, or decrease to bring it closer to the top.	0 (%)
swing	Boolean	Slight swinging of the pinata pre-interaction.	true
hit_swing	Boolean	Swinging on interaction.	true
hit_explosion	Boolean	Generate particles on interaction (other parameters shouldn't be changed).	true
use_reward_image	Boolean	Use one image per reward, or default one (win).	false
steering_offset	Int	Default angle of the swing (in degrees).	75

Assets

Key	Size	Explanation	Default
win	300 x 300px	Visual if won (use_reward_image has to be set to false).	/win.png
lose	300 x 300px	Visual displayed in case of lose.	/lose.png
pinata	300 x 300px	Visual(s) displayed before clicking.	/state1.png