Visual Style: Difference between revisions

Add gpl download and import instructions
small section for font
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
{{Gamename}} employs a restricted “low-res” visual aesthetic that complements its history-focused themes by referencing and paying homage to hardware and software of the past.
{{Gamename}} employs a restricted “low-res” visual aesthetic that complements its history-focused themes by referencing and paying homage to hardware and software of the past.
==Font==
The UI font, as well as the "tileless" graphics display option use Source Code Pro. For a more detail about tileless graphics, see [[Modding:Code page 437]].
The font of the title is TC Serif Gothic LT Heavy.


==Graphics==
==Graphics==
Line 12: Line 17:


Game mods are allowed to specify that their tiles are of sizes other than 16 by 24, however the base game itself doesn't use this function. (See [[Modding:Tiles#Tile_Size]] for details.)
Game mods are allowed to specify that their tiles are of sizes other than 16 by 24, however the base game itself doesn't use this function. (See [[Modding:Tiles#Tile_Size]] for details.)
Achievements and some modern ui main menu elements can have arbitary sizes and amounts of colors. (See the [[#Achievements|Achievements]] section for more information of achievements)


==Palette==
==Palette==
Line 89: Line 96:
218  91 214 Magenta (M)
218  91 214 Magenta (M)
177  84 207 Dark Magenta (m)</pre>
177  84 207 Dark Magenta (m)</pre>
==Achievements==
{{Gamename}}'s Achievement icons use low resolution images with somewhat small color pallets. With their resolution being 64 pixels tall by 64 pixels wide, which is larger than in-game tiles.
As previously mentioned their colors can be theoretically arbitrary. However there is a trend of using small groupings of colors separated by background colors, or dithered gradients of a handful of colors. With most icons using 2 -12 colors including the background.
===Achievement Palette===
{{spoiler | hidden achievements and progression through the main storyline }}
Here are all of the unique colors used in the game's achievement icons, as well as what achievements most colors are used in.
Some colors are are only used in one icon or are very slight variations of each other.
{| class="wikitable"
!How it's used
!Hex
!
|-
| Dark Red / Main Red
| #ae4035
| {{color | #ae4035 | █ }}
|-
| Brighter Red: "Open your mind" Eyes
| #d43b26
| {{color | #d43b26 | █ }}
|-
| Bright Redorange: "Aaaaaaaaargh!" Eyes
| #f8430b
| {{color | #f8430b| █ }}
|-
| Pink: lighter red in "Rainbow Reading"
| #ef8572
| {{color | #ef8572| █ }}
|-
| Dim Klanq Orange "Pax Klanq, I Presume?"
| #e98913
| {{color | #e98913 | █ }}
|-
| Orange: "The Recitation of the Drowning of Eudoxia by the Witches of Moonhearth"
| #e75f00
| {{color | #e75f00 | █ }}
|-
| Orange of "Swollen Bulb"
| #ff7600
| {{color | #ff7600 | █ }}
|-
| Main Orange: "Non-Locally Sourced"
| #e55616
| {{color | #e55616 | █ }}
|-
| Gold/Yellow
| #ffba00
| {{color | #ffba00 | █ }}
|-
| Dark Brown
| #724b31
| {{color | #724b31 | █ }}
|-
| Light Brown
| #a66526
| {{color | #a66526 | █ }}
|-
| Dark Tan: "On Second Thought"
| #ba9e5b
| {{color | #ba9e5b | █ }}
|-
| Light Tan: "Jawsnapper"
| #d4c2a0
| {{color | #d4c2a0 | █ }}
|-
| Dark Green: "Rainbow Reading"
| #207239
| {{color | #207239 | █ }}
|-
| Main Green/ Light Green
| #489f4e
| {{color | #489f4e | █ }}
|-
| Lime: "Total Makeover"
| #98c013
| {{color | #98c013 | █ }}
|-
| Prism Blue: "Go on. Do it."
| #314bec
| {{color | #314bec | █ }}
|-
| Hilt Blue: "Gemini"
| #0f69be
| {{color | #0f69be | █ }}
|-
| Water Blue: "The Woe of Joppa"
| #1f68b9
| {{color | #1f68b9 | █ }}
|-
| Holographic Blue: "Tomb of the Eaters"
| #2c6bf3
| {{color | #2c6bf3 | █ }}
|-
| Light Holographic Blue: "Tomb of the Eaters"
| #337deb
| {{color | #337deb | █ }}
|-
| Cyan
| #47afca
| {{color | #47afca | █ }}
|-
| Bright Cyan: "Psst"
| #3ddccb
| {{color | #3ddccb | █ }}
|-
| Purple: "The Recitation of the Drowning of Eudoxia by the Witches of Moonhearth"
| #6252fa
| {{color | #6252fa | █ }}
|-
| Dark Purple
| #5e4ec4
| {{color | #5e4ec4 | █ }}
|-
| Light Purple
| #9c4ec8
| {{color | #9c4ec8 | █ }}
|-
| Steam Achievement Background
| #0e413c
| {{color | #0e413c | █ }}
|-
| Dark Green Grey
| #2b6263
| {{color | #2b6263 | █ }}
|-
| Green Grey: "What Are Directions on a Space That Cannot Be Ordered?"
| #148579
| {{color | #148579 | █ }}
|-
| Light Grey
| #81aaab
| {{color | #81aaab | █ }}
|-
| Off White
| #cee4e5
| {{color | #cee4e5 | █ }}
|-
| White: "Seraphic Heresy"
| #ffffff
| {{color | #ffffff | █ }}
|}
The following are colors in stray pixels not visible ingame, or part of the server icons made for the {{Gamename}} discord server by the same artist.
{| class="wikitable"
!How it's used
!Hex
!
|-
| Stray pixel on "That Was Nice" k
| #0d2f2e
| {{color | #0d2f2e | █ }}
|-
| Stray pixel on "The Tillage of the Noosphere" or game R
| #d74200
| {{color | #d74200 | █ }}
|-
| Old version of Otherpearl Lilac
| #ba85c9
| {{color | #ba85c9 | █ }}
|-
| Pride Background R
| #4d1d1d
| {{color | #4d1d1d | █ }}
|-
| Pride Background O
| #522d13
| {{color | #522d13 | █ }}
|-
| Pride Background Y
| #393417
| {{color | #393417 | █ }}
|-
| Pride Background G
| #133d19
| {{color | #133d19 | █ }}
|-
| Pride Background B
| #21386f
| {{color | #21386f | █ }}
|-
| Pride Background V
| #392e5a
| {{color | #392e5a | █ }}
|-
| Blue BG
| #306aa1
| {{color | #306aa1 | █ }}
|-
| Pride Red
| #e74737
| {{color | #e74737 | █ }}
|-
| Pride Yellow
| #c4861a
| {{color | #c4861a | █ }}
|-
| Pride Green
| #089712
| {{color | #089712 | █ }}
|-
| Pride Blue
| #0f69be
| {{color | #0f69be | █ }}
|-
| Pride Magenta Goggles
| #f45fd4
| {{color | #f45fd4 | █ }}
|-
| Halloween Red Eye
| #ff0000
| {{color | #ff0000 | █ }}
|-
| Halloween Desaturated Grey
| #426263
| {{color | #426263 | █ }}
|-
| Santa Variant
| #a19881
| {{color | #a19881 | █ }}
|}


==Trivia==
==Trivia==