{"id":184,"date":"2013-11-29T09:09:19","date_gmt":"2013-11-29T01:09:19","guid":{"rendered":"http:\/\/www.gridsagegames.com\/blog\/?p=184"},"modified":"2014-06-20T14:50:33","modified_gmt":"2014-06-20T06:50:33","slug":"info-animated","status":"publish","type":"post","link":"https:\/\/www.gridsagegames.com\/blog\/2013\/11\/info-animated\/","title":{"rendered":"Info, Animated"},"content":{"rendered":"<p>The info windows have been overhauled and are now even more informative than before, made possible by smaller fonts.<\/p>\n<p>Before they were just walls of text and numbers, while now we have color-coded labels and bars to help quickly weigh the advantages and drawbacks of whatever you&#8217;re examining without being forced to interpret a bunch of numbers, though the numbers are there for cases where you want to know the specifics.<\/p>\n<div id=\"attachment_185\" style=\"width: 313px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.gridsagegames.com\/blog\/gsg-content\/uploads\/2013\/10\/cogmind_weapon_info.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-185\" class=\"size-full wp-image-185 \" title=\"Cogmind Weapon Info\" alt=\"cogmind_weapon_info\" src=\"https:\/\/www.gridsagegames.com\/blog\/gsg-content\/uploads\/2013\/10\/cogmind_weapon_info.png\" width=\"303\" height=\"603\" \/><\/a><p id=\"caption-attachment-185\" class=\"wp-caption-text\">Nice.<\/p><\/div>\n<p>As you can see I added support for ASCII art, though it will be a daunting task to draw every item in the game. Also, since I&#8217;m working with old placeholder objects the descriptions have yet to be written, so in all screenshots the text seen at the bottom is just copied from elsewhere\/old data.<\/p>\n<p>Colors reflecting percentages have a uniform meaning throughout the interface, equally dividing green, yellow, orange, red into quarter percentiles. (This will be important later on with the hacking interface, as I&#8217;ve designed the concept mockup, anyway.) In cases where it makes sense, though, you&#8217;ll notice bar colors are reversed when high values are bad (e.g. heat).<\/p>\n<p>Info windows can be displayed for items, Cogmind, and other robots.<\/p>\n<div id=\"attachment_187\" style=\"width: 313px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.gridsagegames.com\/blog\/gsg-content\/uploads\/2013\/10\/cogmind_robot_info.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-187\" class=\"size-full wp-image-187 \" title=\"Cogmind Robot Info\" alt=\"cogmind_robot_info\" src=\"https:\/\/www.gridsagegames.com\/blog\/gsg-content\/uploads\/2013\/10\/cogmind_robot_info.png\" width=\"303\" height=\"603\" \/><\/a><p id=\"caption-attachment-187\" class=\"wp-caption-text\">With an advanced scan processor you can discover important details about your enemies, like this programmer-class bot.<\/p><\/div>\n<div id=\"attachment_230\" style=\"width: 286px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.gridsagegames.com\/blog\/gsg-content\/uploads\/2013\/11\/cogmind_robot_info_large.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-230\" class=\"size-full wp-image-230 \" title=\"Cogmind Robot Info (multi-tile)\" alt=\"cogmind_robot_info_large\" src=\"https:\/\/www.gridsagegames.com\/blog\/gsg-content\/uploads\/2013\/11\/cogmind_robot_info_large.png\" width=\"276\" height=\"145\" \/><\/a><p id=\"caption-attachment-230\" class=\"wp-caption-text\">Multi-tile robots are indicated as such with their icon, so even in ASCII mode you&#8217;ll know it&#8217;s a single large robot and not a group of many smaller robots (though letters will never be reused like that).<\/p><\/div>\n<div id=\"attachment_188\" style=\"width: 313px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.gridsagegames.com\/blog\/gsg-content\/uploads\/2013\/10\/cogmind_status_info.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-188\" class=\"size-full wp-image-188 \" title=\"Cogmind Status Info\" alt=\"cogmind_status_info\" src=\"https:\/\/www.gridsagegames.com\/blog\/gsg-content\/uploads\/2013\/10\/cogmind_status_info.png\" width=\"303\" height=\"603\" \/><\/a><p id=\"caption-attachment-188\" class=\"wp-caption-text\">Cogmind&#8217;s own detailed status window is still a bit too utilitarian, but it&#8217;s good enough for now.<\/p><\/div>\n<p>All windows are, of course, animated:<\/p>\n<div id=\"attachment_189\" style=\"width: 312px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.gridsagegames.com\/blog\/gsg-content\/uploads\/2013\/10\/cogmind_item_info_cycling.gif\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-189\" class=\"size-full wp-image-189 \" title=\"Cogmind Item Info\" alt=\"cogmind_item_info_cycling\" src=\"https:\/\/www.gridsagegames.com\/blog\/gsg-content\/uploads\/2013\/10\/cogmind_item_info_cycling.gif\" width=\"302\" height=\"599\" \/><\/a><p id=\"caption-attachment-189\" class=\"wp-caption-text\">The gif doesn&#8217;t quite capture all the frames very well. There are also sound effects.<\/p><\/div>\n<p style=\"text-align: left;\">Next: Integrating the manual with the game through context help.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The info windows have been overhauled and are now even more informative than before, made possible by smaller fonts. Before they were just walls of text and numbers, while now we have color-coded labels and bars to help quickly weigh the advantages and drawbacks of whatever you&#8217;re examining without being forced to interpret a bunch [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":185,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[28,4,35,13],"class_list":["post-184","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gui","tag-animation","tag-cogmind","tag-info","tag-ui"],"_links":{"self":[{"href":"https:\/\/www.gridsagegames.com\/blog\/wp-json\/wp\/v2\/posts\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gridsagegames.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gridsagegames.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gridsagegames.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gridsagegames.com\/blog\/wp-json\/wp\/v2\/comments?post=184"}],"version-history":[{"count":7,"href":"https:\/\/www.gridsagegames.com\/blog\/wp-json\/wp\/v2\/posts\/184\/revisions"}],"predecessor-version":[{"id":232,"href":"https:\/\/www.gridsagegames.com\/blog\/wp-json\/wp\/v2\/posts\/184\/revisions\/232"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gridsagegames.com\/blog\/wp-json\/wp\/v2\/media\/185"}],"wp:attachment":[{"href":"https:\/\/www.gridsagegames.com\/blog\/wp-json\/wp\/v2\/media?parent=184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gridsagegames.com\/blog\/wp-json\/wp\/v2\/categories?post=184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gridsagegames.com\/blog\/wp-json\/wp\/v2\/tags?post=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}