Penalty

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

1. Configuration

2. Options

3. Assets

Configuration

JSON

{
  "options": {
    "game_square": 450,
    "game_margin": 25,
    "min_aspect_ratio": "600 / 500",
    "number_of_shoot": 5,
    "time_between_shoot": 1000,
    "background": {
      "url": GAME_URL + "/background.png",
      "height": 960,
      "width": 1100
    },
    "ball": {
      "url": GAME_URL + "/ball.png",
      "height": 50,
      "width": 50,
      "speed": 120
    },
    "keeper": {
      "url": GAME_URL + "/keeper.png",
      "height": 126,
      "width": 103,
      "offsetY": 10,
      "speed": {
        "min": 2,
        "max": 7,
        "step": 1
      }
    },
    "goal": {
      "url": GAME_URL + "/goal.png",
      "height": 310,
      "width": 575,
      "offsetY": -87,
      "goal_post_angle": 0.12
    },
    "board": {
      "url": GAME_URL + "/board.png",
      "ratio": "628 / 336",
      "text_color": "white",
      "background_color": "black",
      "progress": true,
      "score": true,
      "goal_emoji": "⚽",
      "miss_emoji": "❌",
      "unset_emoji": "⚪"
    },
    "visor": {
      "color": "white"
    }
  },
  "texts": {
    "en": {
      "shoot": "Shots: ",
      "score": "Goals: "
    },
    "fr": {
      "shoot": "Tirs : ",
      "score": "Buts : "
    },
    "nl": {
      "shoot": "Kicks: ",
      "score": "Goals: "
    }
  },
  "sounds": {},
  "images": {
    "rewards": {}
  }
}

Options

Key	Type	Explanation	Default
game_square	Integer	Actual game zone.	450
game_margin	Integer	Border around the game zone.	25
min_aspect_ratio	String	Aspect ratio to be used if no parent sizing is provided.	"600 / 500"
number_of_shoot	Integer	Number of times a player can "shoot" the ball.	5
time_between_shoot	Integer	Delay between each "shoot".	1000
background > height / width	Integer	Background's visual sizes.	960 / 1100
ball > height / width	Integer	Ball's visual sizes (to render).	50 / 50
ball > speed	Integer	Speed of the ball.	120
keeper > height / width	Integer	Keeper's visual sizes (to render).	126 / 103
keeper > offsetY	Integer	Vertical adjustment of the keeper.	10
keeper > speed > min / max	Integer	Speed of the keeper (min and max, increases after each "goal").	2 / 7
keeper > speed > step	Integer	Speed increasing after each "goal".	1
goal > height / width	Integer	Goal's visual sizes (to render).	310 / 575
goal > offsetY	Integer	Vertical adjustment of the goal.	-87
goal > goal_post_angle	Number	Border for the goal (the ball will bounce of those areas).	0.12
board > ratio	String	Size ratio of the scoreboard visual.	"628 / 336"
board > text_color / background_color	String	Colors of the menu (if no scoreboard visual is provided).	"white" / "black"
board > progress	Boolean	Display the current progress of the game.	true
board > score	Boolean	Display the current score of the game.	true
board > goal_emoji	String	Replace the default text progress, with icons.	"⚽" / "❌" / "⚪"
visor > color	String	Color of the curve preview (transparent to remove it).	"white"
shoot	String	Text displayed in the header.	"Shots: "
score	String	Text displayed in the header.	"Goals: "

Assets

Key	Size	Explanation	Default
background > url	~600 x 600px (adapt background sizes)	Background of the game.	/background.png
ball > url	50 x 50px	Visual of the ball.	/ball.png
keeper > url	~100 x 125px (adapt keeper sizes)	Visual of the keeper.	/keeper.png
goal > url	~400 x ...px (adapt goal sizes)	Visual of the goal.	/goal.png
board > url	~400 x 200px (adapt board sizes)	Visual of the scoreboard.	/board.png