{"id":2242,"date":"2013-09-04T16:49:01","date_gmt":"2013-09-04T23:49:01","guid":{"rendered":"http:\/\/the-witness.net\/news\/?p=2242"},"modified":"2013-09-04T16:59:04","modified_gmt":"2013-09-04T23:59:04","slug":"on-the-rocks","status":"publish","type":"post","link":"http:\/\/the-witness.net\/news\/2013\/09\/on-the-rocks\/","title":{"rendered":"On the Rocks&#8230;"},"content":{"rendered":"<p dir=\"ltr\">What\u2019s up, internet? \u00a0I\u2019m Eric - one of the artists working on The Witness. \u00a0I figured what better way to celebrate more than two years on the project than by making my very first post on the development blog! \u00a0(plus, Luis and Orsi hassled me!!!) \u00a0So here goes:<\/p>\n<p dir=\"ltr\">In the olden days of The Witness art development, our visual \u201cstyle\u201d for the game hadn't really coalesced yet. \u00a0Or, to be more accurate, we knew what our objectives were (from a purely theoretical, gameplay-based perspective) but we hadn't really grasped what the ramifications would be in terms of our production process.<\/p>\n<p dir=\"ltr\">For instance, on an early attempt at adding a rough-stone wall, I approached it like most modern game artists would: using the full spectrum of art tools and tricks... \u00a0normal mapping, edge-distress, enhanced details, etc..<\/p>\n<p dir=\"ltr\"><a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-01.jpg\"><img class=\"alignnone  wp-image-2243\" alt=\"rocksImg-01\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-01-300x214.jpg\" width=\"233\" height=\"167\" \/><\/a> <a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-02.jpg\"><img class=\"alignnone size-medium wp-image-2244\" alt=\"rocksImg-02\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-02-300x168.jpg\" width=\"300\" height=\"168\" \/><\/a> <a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-03.jpg\"><img class=\"alignnone size-medium wp-image-2245\" alt=\"rocksImg-03\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-03-300x150.jpg\" width=\"300\" height=\"150\" \/><\/a><\/p>\n<p dir=\"ltr\">But the problem with this approach is that it\u2019s sort of at odds with one of our prime directives from Jonathan: \u00a0to build a game world without unnecessary visual clutter. \u00a0\u201cNoise\u201d was our enemy. \u00a0But that\u2019s kind of an interesting riddle, since most game engines and art techniques are so often all about adding extra levels of noise, grime, texture, detail, (realism!), etc.<\/p>\n<p dir=\"ltr\">So we began an exploration of different techniques we could use to achieve a sort of stylized realism. \u00a0We needed to be able to capture the \u201cessence\u201d of our reference imagery while not being quite so literal. \u00a0It also had to be free of gratuitous visual noise, plus appealing to look at and explore. \u00a0So what follows is an early effort to break down and re-think that art process in a different sort of way.<\/p>\n<p dir=\"ltr\">In this case, my objective was to figure out how to attack a medium-sized cliff face while avoiding an overwhelming amount of noise\/detail. \u00a0First off, reference. \u00a0Starting with some photo reference, I wanted to isolate the primary features, and not worry at all about the small, noisy stuff:<\/p>\n<p dir=\"ltr\"><a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-04.jpg\"><img class=\"alignnone size-medium wp-image-2246\" alt=\"rocksImg-04\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-04-300x180.jpg\" width=\"300\" height=\"180\" \/><\/a><\/p>\n<p dir=\"ltr\">Then, an attempt to stylistically sculpt those simplified shapes:<\/p>\n<p dir=\"ltr\"><a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-05.jpg\"><img class=\"alignnone size-medium wp-image-2247\" alt=\"rocksImg-05\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-05-300x300.jpg\" width=\"300\" height=\"300\" \/><\/a><\/p>\n<p>\u00a0And finally, breaking those forms down into modularized, reusable meshes that could be combined to form a cliff:<\/p>\n<p><a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-06.jpg\"><img class=\"alignnone size-medium wp-image-2248\" alt=\"rocksImg-06\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-06-300x168.jpg\" width=\"300\" height=\"168\" \/><\/a> <a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-07.jpg\"><img class=\"alignnone size-medium wp-image-2249\" alt=\"rocksImg-07\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-07-300x168.jpg\" width=\"300\" height=\"168\" \/><\/a><\/p>\n<p dir=\"ltr\">One of the biggest lessons we learned from this experiment was that if we give the engine nice clean, simplified geometry (not worry as much about the texturing - just keep it understated and focus more on the overall color and balance), the lighting results we get are gorgeous. \u00a0In a way this is extremely freeing, as it lets us concentrate on the overall form of objects, rather than obsess over details like perfect seamless, UV mapping, limited texture resolution, normal mapping issues, etc. \u00a0We also learned very quickly that hard edges are not evil.... \u00a0In the absence of heavy texture detail, the faceting had become a powerful tool to help define the form in a clean, almost graphic style, with minimal noise, but lots of subtlety.<\/p>\n<p dir=\"ltr\">That process of \u201canalyze, deconstruct, simplify\u201d became our new way of approaching complex surfaces. \u00a0And so, as we built out more areas of the island, this visual language began to take shape,and you can now see it deployed across most of the rock forms in the game...<\/p>\n<p dir=\"ltr\"><a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-08.jpg\"><img class=\"alignnone  wp-image-2250\" alt=\"rocksImg-08\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-08-300x212.jpg\" width=\"240\" height=\"170\" \/><\/a> <a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-09.jpg\"><img class=\"alignnone size-medium wp-image-2251\" alt=\"rocksImg-09\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-09-300x168.jpg\" width=\"300\" height=\"168\" \/><\/a><\/p>\n<p dir=\"ltr\"><a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-10.jpg\"><img class=\"alignnone  wp-image-2252\" alt=\"rocksImg-10\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-10-300x225.jpg\" width=\"210\" height=\"158\" \/><\/a> <a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-11.jpg\"><img class=\"alignnone size-medium wp-image-2253\" alt=\"rocksImg-11\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-11-300x168.jpg\" width=\"300\" height=\"168\" \/><\/a><\/p>\n<p dir=\"ltr\"><a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-12.jpg\"><img class=\"alignnone  wp-image-2254\" alt=\"rocksImg-12\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-12-300x191.jpg\" width=\"240\" height=\"153\" \/><\/a> <a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-13.jpg\"><img class=\"alignnone size-medium wp-image-2255\" alt=\"rocksImg-13\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-13-300x168.jpg\" width=\"300\" height=\"168\" \/><\/a><\/p>\n<p dir=\"ltr\">Take note that foliage has a different language [see Orsi\u2019s previous post on trees], as does rolling terrain, and hard architectural surfaces. \u00a0But this style contrast is extremely useful from a game design perspective, as it helps inform the player as to what materials the surfaces they are looking at are likely made from, without having to resort to overtly photoreal textures.<\/p>\n<p dir=\"ltr\">Even older areas of the game (that were suddenly \u201cout of style\u201d) were able to be refreshed using this new lens, and brought in-line alongside the cleaner, less-noisy artwork:<\/p>\n<p dir=\"ltr\"><a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-14.jpg\"><img class=\"alignnone  wp-image-2256\" alt=\"rocksImg-14\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-14-300x238.jpg\" width=\"168\" height=\"133\" \/><\/a> <a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-15.jpg\"><img class=\"alignnone size-medium wp-image-2257\" alt=\"rocksImg-15\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-15-300x168.jpg\" width=\"300\" height=\"168\" \/><\/a> <a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-16.jpg\"><img class=\"alignnone size-medium wp-image-2258\" alt=\"rocksImg-16\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-16-300x168.jpg\" width=\"300\" height=\"168\" \/><\/a><\/p>\n<p dir=\"ltr\">And here\u2019s some additional rock shots from around the island, just because...<\/p>\n<p dir=\"ltr\">Luis\u2019 awesome sculpted sandstone cliffs:<\/p>\n<p dir=\"ltr\"><a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-17.jpg\"><img class=\"alignnone size-medium wp-image-2259\" alt=\"rocksImg-17\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-17-300x168.jpg\" width=\"300\" height=\"168\" \/><\/a><\/p>\n<p dir=\"ltr\">Orsi\u2019s awesome lakeside steppes:<\/p>\n<p dir=\"ltr\"><a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-18.jpg\"><img class=\"alignnone size-medium wp-image-2260\" alt=\"rocksImg-18\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-18-300x168.jpg\" width=\"300\" height=\"168\" \/><\/a><\/p>\n<p dir=\"ltr\">And a bit of mysterious tunnel:<\/p>\n<p dir=\"ltr\"><a href=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-19.jpg\"><img class=\"alignnone size-medium wp-image-2261\" alt=\"rocksImg-19\" src=\"http:\/\/the-witness.net\/news\/wp-content\/uploads\/2013\/09\/rocksImg-19-300x168.jpg\" width=\"300\" height=\"168\" \/><\/a><\/p>\n<p dir=\"ltr\">That\u2019s all I've got to share for now. \u00a0Have a great September!!!<\/p>\n<p dir=\"ltr\">-eaa<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What\u2019s up, internet? \u00a0I\u2019m Eric &#8211; one of the artists working on The Witness. \u00a0I figured what better way to celebrate more than two years on the project than by making my very first post on the development blog! \u00a0(plus, Luis and Orsi hassled me!!!) \u00a0So here goes: In the \u2026<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"http:\/\/the-witness.net\/news\/2013\/09\/on-the-rocks\/\">Continue reading<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":748,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/the-witness.net\/news\/wp-json\/wp\/v2\/posts\/2242"}],"collection":[{"href":"http:\/\/the-witness.net\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/the-witness.net\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/the-witness.net\/news\/wp-json\/wp\/v2\/users\/748"}],"replies":[{"embeddable":true,"href":"http:\/\/the-witness.net\/news\/wp-json\/wp\/v2\/comments?post=2242"}],"version-history":[{"count":2,"href":"http:\/\/the-witness.net\/news\/wp-json\/wp\/v2\/posts\/2242\/revisions"}],"predecessor-version":[{"id":2263,"href":"http:\/\/the-witness.net\/news\/wp-json\/wp\/v2\/posts\/2242\/revisions\/2263"}],"wp:attachment":[{"href":"http:\/\/the-witness.net\/news\/wp-json\/wp\/v2\/media?parent=2242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/the-witness.net\/news\/wp-json\/wp\/v2\/categories?post=2242"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/the-witness.net\/news\/wp-json\/wp\/v2\/tags?post=2242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}