search

skotz / volcanoes

Prototype for a new board game
4 stars 1 forks source link

Try giving empty tiles unique colors for increased antipode visibility #36

Open simondorfman opened 4 years ago

simondorfman commented 4 years ago

This comment got me thinking: what if each pair of 40 tiles was a unique color? Perhaps it would make it easier to see the opposites? Or it could look ugly as heck and distract from the game. Can't hurt to try it though, right? Here's an idea of what color to make each tile:

Unique Colors For Tile Pairs.xlsx

Another idea, try those unique colors on the outlines of each tile. Perhaps that would be less garish.

simondorfman commented 4 years ago

I'm sure the colors I came up with in that spreadsheet will need to be tweaked once I see them and try them on the board. But if you can implement them in a way where I can change them via the graphics.json file, that would be great. Something like this:

{
    "EmptyTile1AColor": "#00876C",
    "EmptyTile18AColor": "#00876C",
    "EmptyTile1BColor": "#279161",
    "EmptyTile18BColor": "#279161",
    "EmptyTile1CColor": "#45A087",
    "EmptyTile18DColor": "#45A087",
    "EmptyTile1DColor": "#479A52",
    "EmptyTile18CColor": "#479A52",
    "EmptyTile2AColor": "#54A77C",
    "EmptyTile19AColor": "#54A77C",
    "EmptyTile2BColor": "#68A23F",
    "EmptyTile19BColor": "#68A23F",
    "EmptyTile2CColor": "#6AAE6F",
    "EmptyTile19DColor": "#6AAE6F",
    "EmptyTile2DColor": "#6EB9A2",
    "EmptyTile19CColor": "#6EB9A2",
    "EmptyTile3AColor": "#7ABE98",
    "EmptyTile20AColor": "#7ABE98",
    "EmptyTile3BColor": "#84B460",
    "EmptyTile20BColor": "#84B460",
    "EmptyTile3CColor": "#8AA729",
    "EmptyTile20DColor": "#8AA729",
    "EmptyTile3DColor": "#8BC28D",
    "EmptyTile20CColor": "#8BC28D",
    "EmptyTile4AColor": "#94D3BF",
    "EmptyTile16AColor": "#94D3BF",
    "EmptyTile4BColor": "#9ED5B5",
    "EmptyTile16BColor": "#9ED5B5",
    "EmptyTile4CColor": "#A0C581",
    "EmptyTile16DColor": "#A0C581",
    "EmptyTile4DColor": "#A1B652",
    "EmptyTile16CColor": "#A1B652",
    "EmptyTile5AColor": "#ABD7AC",
    "EmptyTile17AColor": "#ABD7AC",
    "EmptyTile5BColor": "#AEAA0E",
    "EmptyTile17BColor": "#AEAA0E",
    "EmptyTile5CColor": "#B7C677",
    "EmptyTile17DColor": "#B7C677",
    "EmptyTile5DColor": "#BAEDDC",
    "EmptyTile17CColor": "#BAEDDC",
    "EmptyTile6AColor": "#BBD7A2",
    "EmptyTile13AColor": "#BBD7A2",
    "EmptyTile6BColor": "#BFB848",
    "EmptyTile13BColor": "#BFB848",
    "EmptyTile6CColor": "#C2ECD3",
    "EmptyTile13CColor": "#C2ECD3",
    "EmptyTile6DColor": "#CBEBCB",
    "EmptyTile13DColor": "#CBEBCB",
    "EmptyTile7AColor": "#CCD69B",
    "EmptyTile14AColor": "#CCD69B",
    "EmptyTile7BColor": "#CFC670",
    "EmptyTile14BColor": "#CFC670",
    "EmptyTile7CColor": "#D6AA00",
    "EmptyTile14CColor": "#D6AA00",
    "EmptyTile7DColor": "#D6E9C4",
    "EmptyTile14DColor": "#D6E9C4",
    "EmptyTile8AColor": "#DDD497",
    "EmptyTile15AColor": "#DDD497",
    "EmptyTile8BColor": "#E0B745",
    "EmptyTile15BColor": "#E0B745",
    "EmptyTile8CColor": "#E0E6C0",
    "EmptyTile15CColor": "#E0E6C0",
    "EmptyTile8DColor": "#E8C46F",
    "EmptyTile15DColor": "#E8C46F",
    "EmptyTile9AColor": "#EAE3BD",
    "EmptyTile11AColor": "#EAE3BD",
    "EmptyTile9BColor": "#EFD296",
    "EmptyTile11BColor": "#EFD296",
    "EmptyTile9CColor": "#F3E0BC",
    "EmptyTile11CColor": "#F3E0BC",
    "EmptyTile9DColor": "#FBDDBE",
    "EmptyTile11DColor": "#FBDDBE",
    "EmptyTile12AColor": "#FFA600",
    "EmptyTile10AColor": "#FFA600",
    "EmptyTile12BColor": "#FFB347",
    "EmptyTile10BColor": "#FFB347",
    "EmptyTile12CColor": "#FFC171",
    "EmptyTile10CColor": "#FFC171",
    "EmptyTile12DColor": "#FFCF98",
    "EmptyTile10DColor": "#FFCF98"
}

Border color idea too:

{
    "EmptyTile1ABorderColor": "#00876C",
    "EmptyTile18ABorderColor": "#00876C",
    "EmptyTile1BBorderColor": "#279161",
    "EmptyTile18BBorderColor": "#279161",
    "EmptyTile1CBorderColor": "#45A087",
    "EmptyTile18DBorderColor": "#45A087",
    "EmptyTile1DBorderColor": "#479A52",
    "EmptyTile18CBorderColor": "#479A52",
    "EmptyTile2ABorderColor": "#54A77C",
    "EmptyTile19ABorderColor": "#54A77C",
    "EmptyTile2BBorderColor": "#68A23F",
    "EmptyTile19BBorderColor": "#68A23F",
    "EmptyTile2CBorderColor": "#6AAE6F",
    "EmptyTile19DBorderColor": "#6AAE6F",
    "EmptyTile2DBorderColor": "#6EB9A2",
    "EmptyTile19CBorderColor": "#6EB9A2",
    "EmptyTile3ABorderColor": "#7ABE98",
    "EmptyTile20ABorderColor": "#7ABE98",
    "EmptyTile3BBorderColor": "#84B460",
    "EmptyTile20BBorderColor": "#84B460",
    "EmptyTile3CBorderColor": "#8AA729",
    "EmptyTile20DBorderColor": "#8AA729",
    "EmptyTile3DBorderColor": "#8BC28D",
    "EmptyTile20CBorderColor": "#8BC28D",
    "EmptyTile4ABorderColor": "#94D3BF",
    "EmptyTile16ABorderColor": "#94D3BF",
    "EmptyTile4BBorderColor": "#9ED5B5",
    "EmptyTile16BBorderColor": "#9ED5B5",
    "EmptyTile4CBorderColor": "#A0C581",
    "EmptyTile16DBorderColor": "#A0C581",
    "EmptyTile4DBorderColor": "#A1B652",
    "EmptyTile16CBorderColor": "#A1B652",
    "EmptyTile5ABorderColor": "#ABD7AC",
    "EmptyTile17ABorderColor": "#ABD7AC",
    "EmptyTile5BBorderColor": "#AEAA0E",
    "EmptyTile17BBorderColor": "#AEAA0E",
    "EmptyTile5CBorderColor": "#B7C677",
    "EmptyTile17DBorderColor": "#B7C677",
    "EmptyTile5DBorderColor": "#BAEDDC",
    "EmptyTile17CBorderColor": "#BAEDDC",
    "EmptyTile6ABorderColor": "#BBD7A2",
    "EmptyTile13ABorderColor": "#BBD7A2",
    "EmptyTile6BBorderColor": "#BFB848",
    "EmptyTile13BBorderColor": "#BFB848",
    "EmptyTile6CBorderColor": "#C2ECD3",
    "EmptyTile13CBorderColor": "#C2ECD3",
    "EmptyTile6DBorderColor": "#CBEBCB",
    "EmptyTile13DBorderColor": "#CBEBCB",
    "EmptyTile7ABorderColor": "#CCD69B",
    "EmptyTile14ABorderColor": "#CCD69B",
    "EmptyTile7BBorderColor": "#CFC670",
    "EmptyTile14BBorderColor": "#CFC670",
    "EmptyTile7CBorderColor": "#D6AA00",
    "EmptyTile14CBorderColor": "#D6AA00",
    "EmptyTile7DBorderColor": "#D6E9C4",
    "EmptyTile14DBorderColor": "#D6E9C4",
    "EmptyTile8ABorderColor": "#DDD497",
    "EmptyTile15ABorderColor": "#DDD497",
    "EmptyTile8BBorderColor": "#E0B745",
    "EmptyTile15BBorderColor": "#E0B745",
    "EmptyTile8CBorderColor": "#E0E6C0",
    "EmptyTile15CBorderColor": "#E0E6C0",
    "EmptyTile8DBorderColor": "#E8C46F",
    "EmptyTile15DBorderColor": "#E8C46F",
    "EmptyTile9ABorderColor": "#EAE3BD",
    "EmptyTile11ABorderColor": "#EAE3BD",
    "EmptyTile9BBorderColor": "#EFD296",
    "EmptyTile11BBorderColor": "#EFD296",
    "EmptyTile9CBorderColor": "#F3E0BC",
    "EmptyTile11CBorderColor": "#F3E0BC",
    "EmptyTile9DBorderColor": "#FBDDBE",
    "EmptyTile11DBorderColor": "#FBDDBE",
    "EmptyTile12ABorderColor": "#FFA600",
    "EmptyTile10ABorderColor": "#FFA600",
    "EmptyTile12BBorderColor": "#FFB347",
    "EmptyTile10BBorderColor": "#FFB347",
    "EmptyTile12CBorderColor": "#FFC171",
    "EmptyTile10CBorderColor": "#FFC171",
    "EmptyTile12DBorderColor": "#FFCF98",
    "EmptyTile10DBorderColor": "#FFCF98"
}
simondorfman commented 4 years ago

I'm more excited about this idea after someone suggested the same thing here: https://boardgamegeek.com/thread/2357257/article/33897387#33897387

simondorfman commented 4 years ago

I did a mockup of this idea in photoshop. Colors need some work, but I generally like the idea still. What do you think, @skotz ?

color-each-tile