Catch'Em All!

Demo: https://campaigns.lucky-cycle.com/game-demo/jeu/catch-all

1. Configuration

2. Options

3. Assets

Configuration

JSON

{
  "options": {
    "header_background_color": "black",
    "header_text_color": "white",
    "btn_background_color": "black",
    "btn_text_color": "white",
    "background_color": "transparent",
    "background_position": "center",
    "eggs_count": 5,
    "egg_point": 1,
    "malus_count": 0,
    "malus_point": 1,
    "speed": 3,
    "max_speed": 10,
    "acceleration_per_second": 0.5,
    "basket_speed": 5,
    "timing": 15,
    "basket_width": 75,
    "basket_height": 50,
    "egg_width": 50,
    "egg_height": 50,
    "default_lang": "fr"
  },
  "texts": {
    "en": {
      "score": "Score",
      "time_left": "Time left",
      "start": "Play now"
    },
    "fr": {
      "score": "Score ",
      "time_left": "Temps restant ",
      "start": "Je joue"
    },
    "nl": {
      "score": "Score",
      "time_left": "Resterende tijd",
      "start": "Speel nu"
    }
  },
  "sounds": {},
  "images": {
    "background_image": GAME_URL + "/assets/catch-all/background.png",
    "images": [
      GAME_URL + "/assets/catch-all/item-1.png",
      GAME_URL + "/assets/catch-all/item-2.png",
      GAME_URL + "/assets/catch-all/item-3.png",
      GAME_URL + "/assets/catch-all/item-4.png",
      GAME_URL + "/assets/catch-all/item-5.png",
      GAME_URL + "/assets/catch-all/item-6.png"
    ],
    "malus_images": [],
    "basket_image": GAME_URL + "/assets/catch-all/basket.png",
    "rewards": {}
  }
}

Options

Key	Type	Explanation	Default
header_background_color header_text_color	String	Colour / background of the header.	"black" / "white"
btn_background_color btn_text_color	String	Colour / background of the CTA.	"black" / "white"
background_color	String	Background colour (visible if no image).	"transparent"
background_position	String	Background image positioning (CSS).	"center"
eggs_count	Integer	Number of items to display ("good items").	5
egg_point	Integer	Point(s) given for each item caught.	1
malus_count	Integer	Number of items to display ("bad items").	0
malus_point	Integer	Point(s) taken for each item caught.	1
speed	Integer	Falling speed of the items (base speed).	3
max_speed	Integer	Maximum falling speed of the items.	10
acceleration_per_second	Float	Acceleration of the item's speed.	0.5
basket_speed	Integer	Move speed of the basket.	5
timing	Integer	Duration of the game.	15
basket_width / _height	Integer	Size of the basket.	75 / 50
egg_width / _height	Integer	Size of the items (good and bad).	50 / 50
default_lang	String	[PTF] Default language if unmatched language.	"fr"
score	String	Text in the header.	"Score"
time_left	String	Text in the header.	"Time left"
start	String	Text of the CTA.	"Play now"

Assets

Key	Size	Explanation	Default
background_image	550 x 380px	Background of the game.	/assets/catch-all/background.png
images	~50 x 50px (x times)	Items that will be falling in the game (good).	/assets/catch-all/item-1.png
malus_images	~50 x 50px (x times)	Items that will be falling in the game (bad).	/ (but same as images)
basket_image	~75 x 50px	Visual of the item used to grab the falling ones.	/assets/catch-all/basket.png