Swapper

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

1. Configuration

2. Options

3. Assets

Configuration

JSON

{
  "options": {
    "score_type": "time",
    "display_score": false,
    "background_color": "white",
    "border_width": 1.5,
    "border_color": "black",
    "hover_color": "black",
    "found_color": "transparent",
    "header_text_color": "white",
    "header_background_color": "black",
    "horizontal_pieces": 3,
    "vertical_pieces": 2,
    "use_reward_image": false
  },
  "texts": {
    "en": {
      "unit": "s"
    },
    "fr": {
      "unit": "s"
    },
    "nl": {
      "unit": "s"
    }
  },
  "images": {
    "background": {
      "en": "",
      "fr": "",
      "nl": ""
    },
    "win": {
      "en": GAME_URL + "/win_en.png",
      "fr": GAME_URL + "/win_fr.png",
      "nl": GAME_URL + "/win_nl.png"
    },
    "lose": {
      "en": GAME_URL + "/lose_en.png",
      "fr": GAME_URL + "/lose_fr.png",
      "nl": GAME_URL + "/lose_nl.png"
    },
    "overlay": {
      "en": GAME_URL + "/overlay_en.png",
      "fr": GAME_URL + "/overlay_fr.png",
      "nl": GAME_URL + "/overlay_nl.png"
    },
    "rewards": {}
  }
}

Options

Key	Type	Explanation	Default
score_type	String	Score calculation can be based on time or moves.	"time"
display_score	Boolean	Displays the header with current score to the player (or not).	false
background_color	String	Background color of the game.	"white"
border_width	Int	Width of the border of each tile (0 = no border).	1.5
border_color	String	Color of the border of each tile (transparent = no border visible).	"black"
hover_color	String	Color overlay of a hovered tile (has a 50% opacity).	"black"
found_color	String	Color overlay of a tile that is correctly positioned (has a 50% opacity - hover having priority on this).	"transparent"
header_text_color / header_background_color	String	Color and background color of the header (if displayed).	"white" / "black"
horizontal_pieces / vertical_pieces	Int	Number of tiles (3*2 = 6 tiles).	3 / 2
use_reward_image	Boolean	Chooses between using a reveal image per reward, or the default win one.	false
texts > unit	String	Text displayed after the score (could be "moves" depending on the score_type).	"s"

Assets

Key	Size	Explanation	Default
background	550 x 380	Background visual.	/
win	550 x 380	Reveal visual in case of win (and if use_reward_image is set to false).	/win_en.png
lose	550 x 380	Reveal visual in case of lose.	/lose_en.png
overlay	550 x 380	Visual to be split in tiles.	/overlay_en.png