{"id":175,"date":"2017-06-06T17:35:05","date_gmt":"2017-06-06T17:35:05","guid":{"rendered":"http:\/\/fletcherstudios.net\/blog1\/?p=175"},"modified":"2017-06-06T17:35:05","modified_gmt":"2017-06-06T17:35:05","slug":"work-flow","status":"publish","type":"post","link":"https:\/\/fletcherstudios.net\/blog1\/2017\/06\/06\/work-flow\/","title":{"rendered":"Work.Flow."},"content":{"rendered":"<p>Whew &#8211; between getting the Steam Page live and getting notification that Oculus is sending my a Rift to dev on (plus the usual family life stuff happening &#8211; my eldest is almost done with kindergarten!) I drifted sideways from the dev blog and one that I&#8217;ve been meaning to do for a bit: show a bit of how I&#8217;m getting my kids drawings into VR.<\/p>\n<p><iframe loading=\"lazy\" title=\"Photoshop to Inkscape\" width=\"474\" height=\"267\" src=\"https:\/\/www.youtube.com\/embed\/2T6sCGKihCU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>First up is a simple image that I decided would be a crystal torch prop for inside the dark and scary castle. Using photoshop I crop and knockout the background and save it as a .png for loading into Inkscape and for texturing my 3D mesh.<\/p>\n<p><iframe loading=\"lazy\" title=\"Tracing out the object in Inkscape\" width=\"474\" height=\"267\" src=\"https:\/\/www.youtube.com\/embed\/LJHoEgNE5S4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>In Inkscape, I use the tool to trace out the object and adjust the points as needed &#8211; I try to avoid the bezier handles, as they add too many verts (and when extruded, too many faces) in Blender.\u00a0 Once it looks good, I save it as an .svg to import into Blender.<\/p>\n<p><iframe loading=\"lazy\" title=\"Blender and making a 3D model\" width=\"474\" height=\"267\" src=\"https:\/\/www.youtube.com\/embed\/xfJd8dKFYoM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>In Blender, I import the .svg, scale it up a bit so it imports into Unity with minimal resizing. By pressing alt+c, I convert it from a curve to a mesh object. In edit mode, I try to reduce the vertex count as much as possible to avoid adding too many faces when the object is extruded (select all the verts, press &#8216;E&#8217; the &#8216;Z&#8217; to extrude on the Z axis) From there, its simple to ctrl+f and fill the verts with faces. By selecting the verts on the other side and doing the same, I get a solid object I can put in my game.<\/p>\n<p>From there its a simple matter of using Smart UV to unwrap the mesh &#8211; typically I can take the large sides and line up their UV coordinates to save space on my texture map. From there I make a new image, jump back to default mode and add material and texture slots and add the new image I just made and give it a quick coat of white to see where my UVs are and place the texture on the right spot back in Photoshop:<\/p>\n<p><iframe loading=\"lazy\" title=\"Photoshop: taking the saved Blender texture and adding the sketch to it\" width=\"474\" height=\"267\" src=\"https:\/\/www.youtube.com\/embed\/nvoWpgLL6Po?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>Using the transform tools, its easy to get the texture into place and use a bit of cloning to fix any bare spots or errors. From there the image&#8217;ll be saved and back in Blender you can update what is being worked on by hitting &#8216;reload image&#8217; in the UV editor. Once everything is looking spiffy, I export it out as a .fbx and load it into Unity and check it out in game.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Whew &#8211; between getting the Steam Page live and getting notification that Oculus is sending my a Rift to dev on (plus the usual family life stuff happening &#8211; my eldest is almost done with kindergarten!) I drifted sideways from the dev blog and one that I&#8217;ve been meaning to do for a bit: show &hellip; <a href=\"https:\/\/fletcherstudios.net\/blog1\/2017\/06\/06\/work-flow\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Work.Flow.<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":176,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-175","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/fletcherstudios.net\/blog1\/wp-json\/wp\/v2\/posts\/175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fletcherstudios.net\/blog1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fletcherstudios.net\/blog1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fletcherstudios.net\/blog1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fletcherstudios.net\/blog1\/wp-json\/wp\/v2\/comments?post=175"}],"version-history":[{"count":1,"href":"https:\/\/fletcherstudios.net\/blog1\/wp-json\/wp\/v2\/posts\/175\/revisions"}],"predecessor-version":[{"id":177,"href":"https:\/\/fletcherstudios.net\/blog1\/wp-json\/wp\/v2\/posts\/175\/revisions\/177"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fletcherstudios.net\/blog1\/wp-json\/wp\/v2\/media\/176"}],"wp:attachment":[{"href":"https:\/\/fletcherstudios.net\/blog1\/wp-json\/wp\/v2\/media?parent=175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fletcherstudios.net\/blog1\/wp-json\/wp\/v2\/categories?post=175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fletcherstudios.net\/blog1\/wp-json\/wp\/v2\/tags?post=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}