diff --git a/src/backgrounds.json b/src/backgrounds.json
new file mode 100644
index 0000000..f3b98bd
--- /dev/null
+++ b/src/backgrounds.json
@@ -0,0 +1,34 @@
+[
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ "",
+ ""
+]
\ No newline at end of file
diff --git a/src/levels.json b/src/levels.json
index 1726373..65e9c72 100644
--- a/src/levels.json
+++ b/src/levels.json
@@ -3,246 +3,246 @@
"name": "71 mini",
"size": 5,
"bricks": "bbb____bt__btt__b_t___ttt",
- "svg": "",
+ "svg": 23,
"color": ""
},
{
"name": "Butterfly",
"bricks": "_________bb_t_t_bbbbb_t_bbbbbbbtbbbb_bbbtbbb____btb____bbbtbbb__bb_t_bb___________________",
"size": 9,
- "svg": "",
+ "svg": 20,
"color": ""
},
{
"name": "Castle",
"size": 7,
"bricks": "s_s_s_ssssssssssBBBssssBBBssttbbbttttbbbtttbtbtbt",
- "svg": ""
+ "svg": 16
},
{
"name": "Eyes",
"size": 9,
"bricks": "ttttttt__tWWWWWWW_tWrrWttW_tWWWWWWW_ttttttt_____t______ttttt____ttttt_____t_t",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Creeper",
"size": 10,
"bricks": "___________ccGGccGG__cGccGcGc__GBBccBBc__cBBGcBBc__GccBBGGc__ccBBBBcG__GGBBBBcG__cGBccBGc___________",
- "svg": ""
+ "svg": 22
},
{
"name": "Stairs",
"size": 8,
"bricks": "tt______tt______bbtt____bbtt____vvbbtt__vvbbtt__ppvvbbttppvvbbtt",
- "svg": ""
+ "svg": 14
},
{
"name": "Dots",
"size": 9,
"bricks": "b_t_a_c_C__________b_t_a_c__________v_b_t_a_c__________v_b_t_a__________p_v_b_t_a",
- "svg": ""
+ "svg": null
},
{
"name": "Lines",
"size": 9,
"bricks": "aaaaaaaa___________tttttttt_________aaaaaaaa___________tttttttt_________aaaaaaaa",
- "svg": "",
+ "svg": 8,
"color": ""
},
{
"name": "Heart",
"size": 15,
"bricks": "__________________RRR___RRR_____RSSSR_RSSSR___RSWWSSRSSSSSR__RSWSSSSSSSSSR__RSSSSSSSSSSSR__RSWSSSSSSSSSR___RSSSSSSSSSR_____RSSSSSSSR_______RSSSSSR_________RSSSR___________RSR_____________R____________________________________",
- "svg": "",
+ "svg": 17,
"color": ""
},
{
"name": "Swiss",
"size": 7,
"bricks": "________RRRRR__RRWRR__RWWWR__RRWRR__RRRRR",
- "svg": "",
+ "svg": 13,
"color": ""
},
{
"name": "Germany",
"size": 6,
"bricks": "_______gggg__rrrr__yyyy",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "France",
"size": 8,
"bricks": "_________ttWWrr__ttWWrr__ttWWrr__ttWWrr__ttWWrr________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Smiley",
"size": 8,
"bricks": "_________yy__yy__yy__yy__________________yyyyyy___yyyy__________",
- "svg": "",
+ "svg": 29,
"color": ""
},
{
"name": "Labyrinthe",
"size": 11,
"bricks": "_______tttS_Stttt_S________t___S__Stt_ttttt____t_____S__ttt_S_S____t___t_tttt_t_S_t____tSt_t_t_Sttt___t_t_____Sttt_tttttS",
- "svg": ""
+ "svg": 21
},
{
"name": "Temple",
"size": 11,
"bricks": "_______________WWW______WWWWWWW___WWWWWWWWW___t_t_t_t____b_b_b_b____v_v_v_v____p_p_p_p____P_P_P_P____WWWWWWW___WWWWWWWWW_",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Pacman",
"size": 12,
"bricks": "____yyyy______yyyyyyyy___yyyyByyyyy__yyyyyyyyy__yyyyyyyy____yyyyyy______yyyyyy___S_Syyyyyyyy_____yyyyyyyyy___yyyyyyyyyy___yyyyyyyy______yyyy",
- "svg": "",
+ "svg": 7,
"color": ""
},
{
"name": "Ship",
"size": 11,
"bricks": "____sWW________sWWW_______sWWW_______s___OOOOOOOOOOOOOO_OBOBOBOBOO__OOOOOOOO_bbbbbbbbgbbbbgbbbbggbbbggbbbbbbbb",
- "svg": ""
+ "svg": 19
},
{
"name": "We come in peace",
"size": 13,
"bricks": "________________a_____a_______a___a_______aaaaaaa_____aaBaaaBaa___aaaaaaaaaaa__aaaaaaaaaaa__a_aaaaaaa_a__a_a_____a_a_____aa_aa_____________________________",
- "svg": "",
+ "svg": 24,
"color": ""
},
{
"name": "Space mushroom",
"size": 10,
"bricks": "______________WW_______WWWW_____WWWWWW___WWBWWBWW__WWWWWWWW____W__W_____W_WW_W___W_W__W_W",
- "svg": "",
+ "svg": 6,
"color": ""
},
{
"name": "Wololo",
"size": 9,
"bricks": "____WW_OOW___WW__OWW__W___OWWWbbbW_WWW_WbW_WOW__WWb__OW__bbb__O___W_W__O___W_W__O",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Small heart",
"size": 15,
"bricks": "________________________________RRRR___RRRR___RrWWrR_RWWrrR__RWWrrrRWWrrrR__RrrrrrrrrrrrR__RrrrrrrrrrrrR___RrrrrrrrrrR_____RrrrrrrrR_______RrrrrrR_________RrrrR___________RrR_____________R______________________",
- "svg": "",
+ "svg": 29,
"color": ""
},
{
"name": "Eye",
"size": 9,
"bricks": "____________ggg_____gWWWg___gWbbbWg_gWWbBbWWg_gWbbbWg___gWWWg_____ggg____________",
- "svg": "",
+ "svg": null,
"color": "#5da3ea"
},
{
"name": "Enderman",
"size": 10,
"bricks": "___________gggggggg__gggggggg__gggggggg__gggggggg__vvvggvvv__gggggggg__gggggggg__gggggggg_____________________",
- "svg": "",
+ "svg": null,
"color": "#ffffff"
},
{
"name": "Mushroom",
"size": 16,
"bricks": "_____________________rrrrWW________WWrrrrWWWW_____WWrrrrrrWWWW____WrrWWWWrrWWW___rrrWWWWWWrrrrr__rrrWWWWWWrrWWr__WrrWWWWWWrWWWW__WWrrWWWWrrWWWW__WWrrrrrrrrrWWr__WrrWWWWWWWWrrr_____WWBWWBWW_______WWWBWWBWWW______WWWWWWWWWW_______WWWWWWWW____________________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Tulip",
"size": 11,
"bricks": "______________R_R_R______RRRRR______RRRRR______RRRRR_______RRR_________k________k_k_k______k_k_k_______kkk_________k________________",
- "svg": "",
+ "svg": 29,
"color": ""
},
{
"name": "Chain",
"size": 7,
"bricks": "yyy____yBy____yyyyy____yBy____yyyyy____yBy____yyy",
- "svg": "",
+ "svg": 31,
"color": ""
},
{
"name": "Marion",
"size": 9,
"bricks": "rr_____rr_rr___rr__rrr_rrr__rrrrrrr__rr_r_rr__rr___rr__rr___rr__rr___rr_rrr___rrr",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Renan",
"size": 9,
"bricks": "yyyyyyy___yyyyyyy__yy___yy__yy___yy__yyyyyy___yy_yy____yy__yy___yy___yy_yyy___yyy",
- "svg": "",
+ "svg": 3,
"color": ""
},
{
"name": "Violet Pairs",
"size": 8,
"bricks": "b_b_b_b_b_b_b_b__________t_t_t_t_t_t_t_t________b_b_b_b_b_b_b_b",
- "svg": "",
+ "svg": 5,
"color": ""
},
{
"name": "Red Cups",
"size": 11,
"bricks": "___________rBr_rBr_rBrrrr_rrr_rrr___________r_rBr_rBr_rr_rrr_rrr_r___________rBr_rBr_rBrrrr_rrr_rrr__________",
- "svg": "",
+ "svg": 23,
"color": ""
},
{
"name": "Cactus",
"size": 10,
"bricks": "____G______rG_Gk______G_Gk______kkkk_r_____kkk_G______GkGk_____rGkk_______Gk________kk________kk_____",
- "svg": "",
+ "svg": 27,
"color": ""
},
{
"name": "Sunny Face",
"size": 11,
"bricks": "____yyy______yyyyyyy___yyyyyyyyy__yyyyyyyyy_yyyWWyWWyyyyyyyyyyyyyyyyyyyyyyyyy_yyWWWWWyy__yyyWWWyyy___yyyyyyy______yyy",
- "svg": "",
+ "svg": null,
"color": "#5da3ea"
},
{
"name": "Mountain",
"size": 9,
"bricks": "_______________W_______WWW______GGWW__W_GGGGG_kkkGGGGG_kkkkGGGGkkkkkGGGGkkkkkkGGG_________",
- "svg": "",
+ "svg": 15,
"color": ""
},
{
"name": "Dollar",
"size": 17,
"bricks": "________________________G_G______________G_G____________GGGGGGG_________GGGGGGGGG_______GG__G_G__GG______GG__G_G__GG______GG__G_G___________GGGGGGGG__________GGGGGGGG___________G_G__GG______GG__G_G__GG______GG__G_G__GG_______GGGGGGGGG_________GGGGGGG____________G_G______________G_G________________________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Waves",
"size": 8,
"bricks": "___bbb____bbb____bbttbbbbbttbbbbttttaatttttaattttaaaaaaa",
- "svg": "",
+ "svg": 20,
"color": ""
},
{
"name": "Box",
"size": 8,
"bricks": "yyyyyyyyy______yy_bbbb_yy_b__b_yy_b__b_yy_bbbb_yy______yyyyyyyyy",
- "svg": "",
+ "svg": 30,
"color": "",
"squared": false
},
@@ -250,14 +250,14 @@
"name": "Rose",
"size": 9,
"bricks": "__SS______SSSS_____SSSS_____SSSS______SS_k______k_kk_____kk_k______kk________k",
- "svg": "",
+ "svg": 4,
"color": ""
},
{
"name": "Time",
"size": 9,
"bricks": "__________WWWWWWW___WWWWW_____yyy_______y________y_______WyW_____WyyyW___yyyyyyy__________",
- "svg": "",
+ "svg": 9,
"color": "",
"squared": false
},
@@ -265,14 +265,14 @@
"name": "Watermelon",
"size": 8,
"bricks": "_____Sk_____SSBk___SBSSk__SSSSSk_SSBSSk_SBSSSSk_kSSSkk___kkk____",
- "svg": "",
+ "svg": 28,
"color": ""
},
{
"name": "Worms",
"size": 13,
"bricks": "___sssss_______sssssss______WWsWWsss_____WBsBWsss_____WBsBWsss_____WWsWWsss_____sssssss_______ssssss_____WWWWWWss_______WssWs__s_____ssss__sss___sssssssssss__sssssssss_ss",
- "svg": "",
+ "svg": null,
"color": "",
"squared": false
},
@@ -280,559 +280,559 @@
"name": "Ocean Sunrise",
"size": 8,
"bricks": "SSSSSSSSSSSyySSSSSyyyySSSyyWWyySbttaattbbbttttbbbbbttbbbbbbbbbbb",
- "svg": "",
+ "svg": 12,
"color": ""
},
{
"name": "Crosses",
"size": 13,
"bricks": "b___b___b___b__v___v___v___vvv_vvv_vvv___v___v___v__p___p___p___ppp_ppp_ppp_ppp___p___p___p__P___P___P___PPP_PPP_PPP___P___P___P__p___p___p___ppp_ppp_ppp_ppp___p___p___p",
- "svg": "",
+ "svg": 10,
"color": ""
},
{
"name": "Negative space",
"size": 9,
"bricks": "tttttttttt_t_t_t_t_________b_b_b_b_bbbbbbbbbb_b_b_b_b___________t_t_t_t_ttttttttt_________",
- "svg": ""
+ "svg": null
},
{
"name": "UK",
"size": 11,
"bricks": "brbbWrWbbrbbbrbWrWbrbbbbbrWrWrbbbWWWWWrWWWWWrrrrrrrrrrrWWWWWrWWWWWbbbrWrWrbbbbbrbWrWbrbbbrbbWrWbbrb__________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Greece",
"size": 11,
"bricks": "ttWttttttttttWttWWWWWWWWWWWttttttttWttWWWWWWttWttttttttWWWWWWWWWWWtttttttttttWWWWWWWWWWWttttttttttt__________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Russia",
"size": 8,
"bricks": "________WWWWWWWWWWWWWWWWttttttttttttttttrrrrrrrrrrrrrrrr________________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Ukraine",
"size": 8,
"bricks": "________ttttttttttttttttttttttttyyyyyyyyyyyyyyyyyyyyyyyy________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Poland",
"size": 7,
"bricks": "________WWWWW__WWWWW__rrrrr__rrrrr_______________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Yellow 71",
"size": 9,
"bricks": "_________yyyyy__yyyyyyy_yyy___yy__yy__yyy__yy_yyy___yy_yy____yy_yy____yy__________________",
- "svg": "",
+ "svg": 26,
"color": ""
},
{
"name": "71 on white",
"size": 6,
"bricks": "WWWWWWrrrWWrWWrWrrWrWWWrWrWWWrWWWWWW______",
- "svg": ""
+ "svg": null
},
{
"name": "Blue 71",
"size": 8,
"bricks": "ttttt__bttttt_bb___ttbbb__tt__bb__tt__bb_tt___bb_tt___bb_tt___bb",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Seventy one",
"size": 21,
"bricks": "rr_yy_rrry_yrrry_yrrrr_ry_yr__y_yr_ry_y_r_rr_yy_rr_yy_r_ry_y_r_r_ry_yr__y_yr_ry_y_r_rr_y_yrrry_yrrryyy_r_yyy__________________y______________r_____yyyrrry_yrrryyyrr_y_y__yrr_y_yrr_y_yr__y_yyyyrrr_y_rrry_yrrryyy____________________yrrryyyrrr_________yy_r_ry_yrr_____________rrry_yrrryyyyyyyyyyyy_____________________________________________________________________________________________________________________________",
- "svg": ""
+ "svg": null
},
{
"name": "B71",
"size": 10,
"bricks": "__________bbbtttt_b_b__b__tbb_b__b__t_b_bbb__t__b_b__b_t__b_b__bt___b_bbb_t__bbb__________",
- "svg": ""
+ "svg": null
},
{
"name": "Pig",
"size": 9,
"bricks": "__________PP___PP__PPP_PPP__WWPPPWW__WBPPPBW__PPsssPP__PsBsBsP__PPsssPP___________",
- "svg": ""
+ "svg": null
},
{
"name": "Big Pig",
"size": 15,
"bricks": "________________sss_______sss__ss__sssss__ss____sssssssss_____sWBsssssBWs___ssBBsssssBBss__ssss_____ssss__sss_sssss_sss__sss_sBsBs_sss__sss_sssss_sss___sss_____sss____sssssssssss__GGGsssssssssGGGGGGsGsssssGsGGGGGGssGGGGGssGGG_______________",
- "svg": "",
+ "svg": 2,
"color": ""
},
{
"name": "Donkey Kong",
"size": 9,
"bricks": "OOr__a___OOr__a___ppppppp_O______a________a____pppppppr_a______b_a___O__ppppppp__",
- "svg": " ",
+ "svg": null,
"color": ""
},
{
"name": "Banana",
"size": 12,
"bricks": "_________________e__________eee_________eee_________eee_________eeeyy_____yyeeyyyy___yyyyey_yC___yy_yyy___C_____yyyy_________yyyy_________yyyy",
- "svg": ""
+ "svg": null
},
{
"name": "Fox",
"size": 8,
"bricks": "e______eee_OO_eeeeOOOOeeeOBOOBOeOOOOOOOO_WWBBWW___WWWW_____WW___",
- "svg": ""
+ "svg": null
},
{
"name": "Wiki",
"size": 10,
"bricks": "_______________________GGGG_____GGkkGG___GkggggkG__GgWWWWgG__GkggggkG___GGkkGG_____GGGG_______________________",
- "svg": ""
+ "svg": null
},
{
"name": "Baby Dog",
"size": 8,
"bricks": "_______W__eeeeWWWWeeWeWWWegWegeeeeWWWWee_eWggWe__eWWWWe____WW",
- "svg": ""
+ "svg": null
},
{
"name": "Cute dog",
"size": 9,
"bricks": "__________O_____O_OOOWWWOOOOOWWWWWOOOOeWWWWOO_eBeWWBW__eBeWWBW___eWBWW_____WRW____________",
- "svg": ""
+ "svg": null
},
{
"name": "icon:extra_life",
"size": 9,
"bricks": "___________rr_rr___rrrrrrr_rrrrrrrrrrrrrrrrrr_rrrrrrr___rrrrr_____rrr_______r_____________",
- "svg": ""
+ "svg": null
},
{
"name": "icon:streak_shots",
"size": 8,
"bricks": "_W_W_W__W_W_W_W_tttttt_WttttttW_tttttt_W______W______W_____WWWW",
- "svg": ""
+ "svg": null
},
{
"name": "icon:base_combo",
"size": 8,
"bricks": "ttttttttttyyttttttyytyyttttttyyttyyttttttyytyyttttttyytttttttttt________",
- "svg": ""
+ "svg": null
},
{
"name": "icon:slow_down",
"size": 10,
"bricks": "_____________kk_______kkkk_____kkkkkkGG__kkkkkkGBG_kkkkkkGGGGkkkkkkGG__GGGGGG____GG__GG_____________",
- "svg": ""
+ "svg": null
},
{
"name": "icon:bigger_puck",
"size": 8,
"bricks": "_________tttttt__tttttt______________________W___________WWWWWW_",
- "svg": ""
+ "svg": null
},
{
"name": "icon:viscosity",
"size": 8,
"bricks": "________tt______bbtt__ttbbbbttbbbtbbtbbbbbtbbtbbbbbybbybbbbbbbbb",
- "svg": ""
+ "svg": null
},
{
"name": "icon:left_is_lava",
"size": 8,
"bricks": "r_______rtttttt_rtttttt_r_______r_______r____W__r_______r_WWW___",
- "svg": ""
+ "svg": null
},
{
"name": "icon:right_is_lava",
"size": 8,
"bricks": "_______r_ttttttr_ttttttr_______r_______r_____W_r_______r__WWW__r",
- "svg": ""
+ "svg": null
},
{
"name": "icon:telekinesis",
"size": 8,
"bricks": "_____PW_____s______P______s_______P_______s_______P_____WWWWW",
- "svg": ""
+ "svg": null
},
{
"name": "icon:top_is_lava",
"size": 8,
"bricks": "rrrrrrrr_tttttt__tttttt____________________W_______________WWW__",
- "svg": ""
+ "svg": null
},
{
"name": "icon:coin_magnet",
"size": 8,
"bricks": "__y__y_yy_________y_y_y_y________y_y______________y______WWW____",
- "svg": ""
+ "svg": null
},
{
"name": "icon:skip_last",
"size": 5,
"bricks": "_ttt_t_t_ttt_ttt_t_t_ttt_",
- "svg": ""
+ "svg": null
},
{
"name": "icon:multiball",
"size": 8,
"bricks": "_________tttttt__tttttt___________W__W____________________WWW___",
- "svg": ""
+ "svg": null
},
{
"name": "icon:smaller_puck",
"size": 8,
"bricks": "_________tttttt__tttttt_____________W_____________________WW____",
- "svg": ""
+ "svg": null
},
{
"name": "icon:pierce",
"size": 6,
"bricks": "ttttttttttWtttt__ttt__ttt__ttt__tttt",
- "svg": ""
+ "svg": null
},
{
"name": "icon:picky_eater",
"size": 8,
"bricks": "rtrtrtrttrtrtrtrrtrtrtrt____________________t_____________WWWW",
- "svg": ""
+ "svg": null
},
{
"name": "icon:metamorphosis",
"size": 8,
"bricks": "aaaaaa__aaaa__________W___________ttaatt__tttttt_________WWW",
- "svg": ""
+ "svg": null
},
{
"name": "icon:compound_interest",
"size": 8,
"bricks": "_________tttttt__ttt__t______y_____________W__y_________rrWWWrrr",
- "svg": ""
+ "svg": null
},
{
"name": "icon:hot_start",
"size": 7,
"bricks": "ttttttttttt_tt_____W_____y_y_____y_____y_y_WWW_y_",
- "svg": ""
+ "svg": null
},
{
"name": "icon:sapper",
"size": 9,
"bricks": "_____WW______W__W_tttWttt_yttgggtt__tgggggt__tgggggt__tgggggt__ttgggtt__ttttttt___________",
- "svg": "",
+ "svg": null,
"color": "#000000"
},
{
"name": "icon:bigger_explosions",
"size": 8,
"bricks": "__r_______ry_rr___ryry__ryyyW_rr_rrWyyy___yryrr__yrry_rr_rr",
- "svg": ""
+ "svg": null
},
{
"name": "icon:extra_levels",
"size": 6,
"bricks": "__________b__t_bb_ttt_b__t_bbb____________",
- "svg": ""
+ "svg": null
},
{
"name": "icon:pierce_color",
"size": 8,
"bricks": "bb___bbbb__b_bbb_____bbb____bbbbb____bbbbb____bbbbb____bbbbb____",
- "svg": ""
+ "svg": null
},
{
"name": "icon:soft_reset",
"size": 8,
"bricks": "___rg_____rrgg___rryggg_rryWggggrryWgggg_ryyggg___rrgg_____rg___",
- "svg": ""
+ "svg": null
},
{
"name": "icon:ball_repulse_ball",
"size": 8,
"bricks": "WsP__PsWs______sP______P________________P______Ps______sWsP__PsW",
- "svg": ""
+ "svg": null
},
{
"name": "icon:ball_attract_ball",
"size": 8,
"bricks": "__P__P____s__s__PsW__WsP________________PsW__WsP__s__s____P__P__",
- "svg": ""
+ "svg": null
},
{
"name": "icon:puck_repulse_ball",
"size": 8,
"bricks": "__________________W_______s___W___P__s______P____________WWW__",
- "svg": ""
+ "svg": null
},
{
"name": "A",
"size": 7,
"bricks": "___t_____ttt___t___t__t___t_tttttttt_____tt_____t",
- "svg": ""
+ "svg": null
},
{
"name": "B",
"size": 9,
"bricks": "_bbbbb_____bb_bb____bb_bb____bb_bb____bbbb_____bb_bb____bb_bb____bb_bb___bbbbb____",
- "svg": ""
+ "svg": null
},
{
"name": "C",
"size": 8,
"bricks": "__rrrr___rrrrrr_rrr___rrrr______rr______rrr___rr_rrrrrr___rrrr",
- "svg": ""
+ "svg": null
},
{
"name": "D",
"size": 8,
"bricks": "_GGGGG____GG__G___GG__GG__GG__GG__GG__GG__GG__GG__GG__G__GGGGG",
- "svg": ""
+ "svg": null
},
{
"name": "e",
"size": 8,
"bricks": "__tttt___tttttt_tt____tttt____tttttttttttt_______tt__tt___tttt_",
- "svg": ""
+ "svg": null
},
{
"name": "icon:wind",
"size": 9,
"bricks": "_ss______s___PPPP_s_________sssssss___________sssssss_s________s___PPPP__ss",
- "svg": ""
+ "svg": null
},
{
"name": "icon:sturdy_bricks",
"size": 7,
"bricks": "ttbttttbtttbtt____W_____W_W___W___W_______WWW____",
- "svg": ""
+ "svg": null
},
{
"name": "icon:respawn",
"size": 9,
"bricks": "tttt___ttttt__t__ttta_ttt_______________________________W_________________WWW",
- "svg": ""
+ "svg": null
},
{
"name": "Elephant",
"size": 18,
"bricks": "_________________________llll_________lll_llllll_lll___lsssllllllllsssl__lsssllllllllsssl__lsssllBllBllsssl__lssllWllllWllssl___ll__llllll__ll_________llll_______________ll______________llll______________ll________________________________________________________________________________________________________________________________________",
- "svg": "",
+ "svg": 25,
"color": ""
},
{
"name": "Orca",
"size": 20,
"bricks": "____________________________________________________________________________________________BBBBB____BBB_BBB___BBBBBBB____BBBBB___BBBBBBBBB____BBB___BBBBWBBWWW_____BBBBBBBBBBBWWWW_____BBBBBBBBBBWWWWW_____BBBBBBBBBWWWWW_______BBBBBBBWWWWW___________WWBBWWW______________BBB_BB______________BB__B______________________________________________________________________________________________________________________________",
- "svg": "",
+ "svg": null,
"color": "#1c71d8"
},
{
"name": "Shark",
"size": 17,
"bricks": "__________________________________________g_______________ggg____________ggggggg_________ggggggggg_______ggggggggggg_____gggggWWWggggg____gBgWWWWWWWgBg___ggWWWWrWrWWWWgg__ggWWWrrrrrWWWgg_ggWWWrrrrrrrWWWggggWWrrrrrrrrrWWgggWWWrWrWrWrWrWWWggWWrrWWWWWWWrrWWggWWWWWWWWWWWWWWWg_________________",
- "svg": "",
+ "svg": null,
"color": "#3584e4"
},
{
"name": "Bird",
"size": 13,
"bricks": "_______RRR____R____RSSSR___RR__RSSWWWR__RSR_RSWWBWR__RSSRRSW_WWyy_RSSSRSWWWR___RSSSSSSRR_____RRSSyyyy______RSyyyyy___RRRRSyyyy____RSSSRyyy_____RRRR________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Tux",
"size": 14,
"bricks": "_____gggg________gggggggg_____gggggggggg____gggggggggg___gggggggggggg__gggWBggWBggg__gggBBggBBggg__ggggyyyygggg_ggggggyyggggggggggWWWWWWggggg_gWWWWWWWWg_g__WWWWWWWWWW____WWWWWWWWWW____yyy____yyy__",
- "svg": "",
+ "svg": null,
"color": "#62a0ea"
},
{
"name": "Armenia",
"size": 6,
"bricks": "_______rrrr__bbbb__yyyy_____________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Austria",
"size": 6,
"bricks": "_______rrrr__WWWW__rrrr______",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Benin",
"size": 8,
"bricks": "_________kkyyyy__kkyyyy__kkrrrr__kkrrrr__________________________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Botswana",
"size": 10,
"bricks": "___________tttttttt__tttttttt__tttttttt__WWWWWWWW__BBBBBBBB__WWWWWWWW__tttttttt__tttttttt__tttttttt___________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Bulgaria",
"size": 6,
"bricks": "_______WWWW__cccc__rrrr_____________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Canada",
"size": 7,
"bricks": "________rWWWr__rWrWr__rWWWr______________________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Chad",
"size": 8,
"bricks": "_________bbyyRR__bbyyRR__bbyyRR",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "China",
"size": 8,
"bricks": "_________RRyRRR__RyRyRR__RRyRRR__RRRRRR",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Colombia",
"size": 7,
"bricks": "________yyyyy__yyyyy__bbbbb__RRRRR_______________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Republic of the Congo",
"size": 7,
"bricks": "________kkkyy__kkyyr__kyyrr__yyrrr_______________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Côte d'Ivoire",
"size": 8,
"bricks": "_________OOWWGG__OOWWGG__OOWWGG",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Denmark",
"size": 8,
"bricks": "_________rrWrrr__rrWrrr__WWWWWW__rrWrrr__rrWrrr",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "El Salvador",
"size": 8,
"bricks": "_________bbbbbb__bbbbbb__WWWkWW__WWkWWW__bbbbbb__bbbbbb",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Egypt",
"size": 8,
"bricks": "_________RRRRRR__RRRRRR__WWWyWW__WWyWWW__gggggg__gggggg",
- "svg": "",
+ "svg": null,
"color": "#1c71d8"
},
{
"name": "Estonia",
"size": 8,
"bricks": "_________tttttt__tttttt__gggggg__gggggg__WWWWWW__WWWWWW",
- "svg": "",
+ "svg": null,
"color": "#986a44"
},
{
"name": "Finland",
"size": 6,
"bricks": "_______WtWW__tttt__WtWW_____________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Gabon",
"size": 5,
"bricks": "______CCC__yyy__ttt______",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Georgia",
"size": 9,
"bricks": "__________WrWrWrW__WWWrWWW__rrrrrrr__WWWrWWW__WrWrWrW__________________",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Guinea",
"size": 8,
"bricks": "_________rryycc__rryycc__rryycc",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "Indonesia",
"size": 6,
"bricks": "_______rrrr__rrrr__WWWW__WWWW_______",
- "svg": "",
+ "svg": null,
"color": ""
},
{
"name": "icon:one_more_choice",
"size": 7,
"bricks": "ttt____tbbb___tbttt__tbtbbb__btbbb___tbbb____bbb_",
- "svg": ""
+ "svg": null
},
{
"name": "icon:instant_upgrade",
"size": 5,
"bricks": "ttt__tbbb_tbbb_tbbb__bbb_",
- "svg": ""
+ "svg": null
},
{
"name": "icon:checkmark_checked",
"size": 6,
"bricks": "_WWWWGWBBBGGGGBGGWWGGGBWWBGBBW_WWWW_",
- "svg": ""
+ "svg": null
},
{
"name": "icon:checkmark_unchecked",
"size": 6,
"bricks": "_WWWW_WBBBBWWBBBBWWBBBBWWBBBBW_WWWW_",
- "svg": ""
+ "svg": null
},
{
"name": "icon:fullscreen",
"size": 6,
"bricks": "WW__WWW____W____________W____WWW__WW",
- "svg": ""
+ "svg": null
},
{
"name": "icon:exit_fullscreen",
"size": 6,
"bricks": "_W__W_WW__WW____________WW__WW_W__W_",
- "svg": ""
+ "svg": null
}
-]
+]
\ No newline at end of file
diff --git a/src/loadGameData.ts b/src/loadGameData.ts
index a827570..0283967 100644
--- a/src/loadGameData.ts
+++ b/src/loadGameData.ts
@@ -3,27 +3,14 @@ import _palette from "./palette.json";
import _rawLevelsList from "./levels.json";
import _appVersion from "./version.json";
import { rawUpgrades } from "./rawUpgrades";
-
+import _backgrounds from "./backgrounds.json";
+const backgrounds = _backgrounds as string[]
const palette = _palette as Palette;
const rawLevelsList = _rawLevelsList as RawLevel[];
export const appVersion = _appVersion as string;
-const randomPatterns = [
- ``,
- ``,
- ``,
- ``,
- ``,
- ``,
- ``,
- ``,
- ``,
- ``,
- ``,
-];
-
let attributed = 0;
let levelIconHTMLCanvas = document.createElement("canvas");
@@ -79,9 +66,10 @@ export const allLevels = rawLevelsList
.slice(0, level.size * level.size);
const icon = levelIconHTML(bricks, level.size, level.name, level.color);
icons[level.name] = icon;
- let svg = level.svg;
+ let svg = level.svg!==null && backgrounds[level.svg]
+
if (!level.color && !svg) {
- svg = randomPatterns[attributed % randomPatterns.length];
+ svg = backgrounds[attributed % backgrounds.length];
attributed++;
}
return {
diff --git a/src/types.d.ts b/src/types.d.ts
index eba696b..5c47bd3 100644
--- a/src/types.d.ts
+++ b/src/types.d.ts
@@ -6,7 +6,7 @@ export type RawLevel = {
name: string;
size: number;
bricks: string;
- svg: string;
+ svg: number|null;
color: string;
};
export type Level = {