{"id":2509,"date":"2020-12-14T20:05:19","date_gmt":"2020-12-15T01:05:19","guid":{"rendered":"https:\/\/endlesshybrids.com\/?p=2509"},"modified":"2020-12-14T20:05:19","modified_gmt":"2020-12-15T01:05:19","slug":"creating-an-asset-kit-for-a-3d-game","status":"publish","type":"post","link":"https:\/\/endlesshybrids.com\/game-development\/creating-an-asset-kit-for-a-3d-game\/","title":{"rendered":"Creating an asset kit for a 3D game"},"content":{"rendered":"\n<p><a href=\"https:\/\/magazine.substance3d.com\/procedural-and-versatile-explore-cartagena-with-vincent-derozier\/\">Procedural and Versatile: Explore Cartegena with Vincent Derozier <\/a>is a superb article detailing the steps employed in crafting a 3D environment. The article provides key visuals for explaining the process. I&#8217;m particularly interested in urban environments, which first drew my attention to this specific piece. <a href=\"https:\/\/www.substance3d.com\/\">Substance3D<\/a> is a suite of products offered by Adobe for developing 3D textures. (Substance was originally a product of Allegorithmic, which was acquired by Adobe in 2019.)<\/p>\n\n\n\n<p>Part of the Substance suite is Substance Source, which is like a stock image market but for 3D assets and textures. Adobe regularly commissions artists to design a set of materials that are specially marketed as a Substance Source Signature Release. Each release has a significant number of material types, usually 15, divided into multiple categories. <\/p>\n\n\n\n<p>Derozier&#8217;s Substance set is <a href=\"https:\/\/source.substance3d.com\/allassets?q=vincent%20derozier\">available for download on the Substance Source<\/a> site. An example of how these materials come together into a scene is on Derozier&#8217;s YouTube channel:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Substance Source Signature, Cartagena, Colombia.\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/IOdcnc548-Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>I&#8217;m new to working with 3D and what I really like about the article is the breakdown and examples that Derozier describes in the creation of this set. Read the <a href=\"https:\/\/magazine.substance3d.com\/procedural-and-versatile-explore-cartagena-with-vincent-derozier\/\">full article<\/a> but I&#8217;ll provide an outline, which I&#8217;ll adapt for my own work. <\/p>\n\n\n\n<p>In <strong>establishing the stylistic direction<\/strong> Derozier wanted to pursue, he chose a &#8220;slightly idealized&#8221; realism of a specific setting. Before thinking about specific materials, he<strong> created a set of reference images<\/strong>. The Internet makes it silly easy to pull together a quality set of images to serve as a reference for creating artwork. <\/p>\n\n\n\n<p>A person with no understanding of art may naively be surprised at how much digital artists rely on photographs. Some even employ a fascinating technique known as photobashing to remix a set of disparate photos into an intriguing scene. There&#8217;s an entire field of concept art and environment painting that is very useful when working with clients or part of a larger team. Or, you can do as Derozier did himself and create a sketch, either pencil\/paper or in your favorite app. This <strong>rough draft is just to create a visual roadmap<\/strong>. Of course, Derozier&#8217;s &#8220;rought draft&#8221; sketch is pretty damn impressive! <\/p>\n\n\n\n<p>Next, a <strong>visual mockup of the 15 materials he needed to create<\/strong>. He used actual photos from his reference images to show details of the chosen materials. Also, he prepared <strong>a written list to track the production process<\/strong>. <\/p>\n\n\n\n<p>Then, <strong>a base mockup of the desired scene with simple shapes<\/strong>. A key in 3D modeling is modularity: reusing smaller shapes (i.e., assets) to piece together an overall structure. (The next time you look at a finished 3D model of a scene, look for the repeating patterns in the architecture or other elements.)<\/p>\n\n\n\n<p>Each asset exists separately, which also allows for reuse in other projects or even sold in an asset store for use by others. There&#8217;s quite the cottage industry of 3D artists making 3D assets and selling those online. <\/p>\n\n\n\n<p>The production phase pulls everything together into a composition. Once you have a fairly detailed composition, you might want to &#8220;paint over&#8221; the image in Photoshop to highlight the areas that still need work. <\/p>\n\n\n\n<p>The <a href=\"https:\/\/magazine.substance3d.com\/procedural-and-versatile-explore-cartagena-with-vincent-derozier\/\">entire article<\/a> has many more details plus a lot of visuals. Read it for exploring an aspect of technology development that those of us trained as Web developers seldom experience. <\/p>\n\n\n\n<p>As I get more and more into 3D, I&#8217;m sure I&#8217;ll find myself going back to that article multiple times.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Procedural and Versatile: Explore Cartegena with Vincent Derozier is a superb article detailing the steps employed in crafting a 3D environment. The article provides key visuals for explaining the process. I&#8217;m particularly interested in urban environments, which first drew my attention to this specific piece. Substance3D is a suite of products offered by Adobe for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":[],"categories":[49],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/posts\/2509"}],"collection":[{"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/comments?post=2509"}],"version-history":[{"count":12,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/posts\/2509\/revisions"}],"predecessor-version":[{"id":2522,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/posts\/2509\/revisions\/2522"}],"wp:attachment":[{"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/media?parent=2509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/categories?post=2509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/tags?post=2509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}