{"id":42199,"date":"2018-08-23T20:54:00","date_gmt":"2018-08-23T20:54:00","guid":{"rendered":"http:\/\/www.gamasutra.com\/view\/news\/325189"},"modified":"2018-08-23T20:54:00","modified_gmt":"2018-08-23T20:54:00","slug":"game-makers-toolkit-explores-how-devs-can-design-for-colorblindness","status":"publish","type":"post","link":"https:\/\/sickgaming.net\/blog\/2018\/08\/23\/game-makers-toolkit-explores-how-devs-can-design-for-colorblindness\/","title":{"rendered":"Game Maker&#8217;s Toolkit explores how devs can design for colorblindness"},"content":{"rendered":"<blockquote><p><em><strong>&#8220;Designers should\u00a0try to use shapes, symbols, shading, animation, and other visual tricks to make critical parts of the game stand out from one another.&#8221;\u00a0<\/strong><\/em><\/p><\/blockquote>\n<p>&#8211; Game Maker&#8217;s Toolkit&#8217;s Mark Brown on designing for colorblindness.\u00a0<\/p>\n<p>Game Maker&#8217;s Toolkit&#8217;s Mark Brown <a href=\"https:\/\/www.youtube.com\/watch?v=xrqdU4cZaLw\">published a new video<\/a> to\u00a0his <a href=\"https:\/\/www.gamasutra.com\/view\/news\/322204\/Game_Makers_Toolkit_debuts_new_series_on_designing_for_accessibility.php\">designing for disability series<\/a> yesterday,\u00a0which explores the best practices developers can utilize when making games for players with colorblindness and low vision.\u00a0<\/p>\n<p>Part one covers colorblindness by examining\u00a0<em>Cuphead<\/em>, where Brown explains how it&#8217;s easy to tell the differences between pink punches thrown by enemies as opposed to blue ones. This visual information is crucial for\u00a0the player because the different colors denote which punch can be blocked, and which one cannot.<\/p>\n<p>Players with colorblindness aren&#8217;t able to distinguish cues that rely on colors\u00a0as one or more of the receptors in their eyes are defective, hindering their ability to see a particular chunk of the color spectrum or making it difficult to tell the difference between some hues.<\/p>\n<p>Brown discusses the three major types of colorblindness, which all affect the perception of different tones, depending on what form a player has. Deuteranopia, which affects green tones, is the most common.<\/p>\n<p>He notes that contrary to what some people may think, colorblindness does\u00a0<em>not<\/em>\u00a0mean seeing in black and white&#8211; that&#8217;s actually achromatopsia, which is incredibly rare.\u00a0<\/p>\n<p>&#8220;Developers can check to see if their games are readable by those who are colorblind by checking with colorblind gamers, or using free filter tools to simulate what their game might look like to people with the three major vision deficiencies,&#8221; says Brown.\u00a0<\/p>\n<p>&#8220;A tool like Color Oracle allows you to see static images in a simulated colorblind mode, while the program Sim Dotulism\u00a0can show you the world through colorblind eyes in real time,&#8221; he adds. Game engines like Unity and Unreal also have filters to help as well.\u00a0<\/p>\n<p>Once the filters are applied, devs\u00a0should see if important information like HUD elements, alerts, enemy differences, loot rarity or damage indicators are lost or difficult to distinguish.\u00a0<\/p>\n<p>&#8220;And so if you&#8217;ve run the filter and realized that colorblind gamers won&#8217;t be able to see their red laser sight against different backgrounds, or tell the difference between the red team and the green team, what do you do?&#8221;<\/p>\n<p>The best solution is to design around the issue and simply avoid relying on color alone when communicating information or distinguishing between two different things.\u00a0<\/p>\n<p>&#8220;Designers should\u00a0try to use shapes, symbols, shading, animation, and other visual tricks to make critical parts of the game stand out from one another.&#8221;<\/p>\n<p>He lists\u00a0<em>Recore<\/em>\u00a0as a good example, because even though the game has color-coded enemies and weapons developer Armature Studio decided to not just use colors, but also high contrast white arrows on the enemy&#8217;s health bar to relay information. Left for blue, up for yellow, and right for red&#8211; all corresponding\u00a0with d-pad direction.\u00a0<\/p>\n<p>Brown was just speaking about <em>one<\/em> of the many ways developers can design for colorblindness and low vision, so be\u00a0sure to watch the entire video <a href=\"https:\/\/www.youtube.com\/watch?v=xrqdU4cZaLw\">over at Game Maker&#8217;s Toolkit.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;Designers should\u00a0try to use shapes, symbols, shading, animation, and other visual tricks to make critical parts of the game stand out from one another.&#8221;\u00a0 &#8211; Game Maker&#8217;s Toolkit&#8217;s Mark Brown on designing for colorblindness.\u00a0 Game Maker&#8217;s Toolkit&#8217;s Mark Brown published a new video to\u00a0his designing for disability series yesterday,\u00a0which explores the best practices developers can [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":42200,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[],"class_list":["post-42199","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"_links":{"self":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/42199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/comments?post=42199"}],"version-history":[{"count":0,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/42199\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media\/42200"}],"wp:attachment":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media?parent=42199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/categories?post=42199"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/tags?post=42199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}