{"id":112775214359,"date":"2015-03-05T02:27:33","date_gmt":"2015-03-05T01:27:33","guid":{"rendered":"http:\/\/blog.sketchfab.com\/post\/112775214359"},"modified":"2019-08-15T17:54:51","modified_gmt":"2019-08-15T15:54:51","slug":"how-to-add-a-skybox-to-your-model","status":"publish","type":"post","link":"https:\/\/sketchfab.com\/blogs\/community\/how-to-add-a-skybox-to-your-model\/","title":{"rendered":"How to add a Skybox to your model"},"content":{"rendered":"<p><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"http:\/\/forum.sketchfab.com\/uploads\/db4890\/930\/1892ded522e4540d.jpeg\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"http:\/\/forum.sketchfab.com\/uploads\/db4890\/930\/1892ded522e4540d.jpeg\" alt=\"\" \/><\/noscript><\/p>\n<p><em>Valentina Lee is a student of Game Art in Singapore. I noticed her beautiful &rsquo;<a href=\"https:\/\/sketchfab.com\/models\/1c194140a048483f9b707099c4cb6ec0\">Little Mage<\/a>&rsquo; model and asked her to show us how she created the skybox.<\/em><\/p>\n<p><!-- more --><\/p>\n<p>First off, I went for the tent-shaped kind of skybox to accompany my &lsquo;Little Mage&rsquo;. An alternative that I thought of was a dome-like roof for the box, which can be more suitable if you\u2019re thinking of a vast, open area, where you could show lots of the sky.<\/p>\n<p>But as it distorts too much of the trees in the texture, the dome was not used in the final product.<\/p>\n<p><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"http:\/\/forum.sketchfab.com\/uploads\/db4890\/888\/e0ef0ff6a89ceb10.jpeg\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"http:\/\/forum.sketchfab.com\/uploads\/db4890\/888\/e0ef0ff6a89ceb10.jpeg\" alt=\"\" \/><\/noscript><\/p>\n<p>Next, I <strong>reversed the face normals<\/strong> of my skybox so to allow it to face inwards. Then, I turn on backface culling so that I can see the character inside the skybox. Next, I <strong>softened<\/strong> the edge normals.<\/p>\n<p><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"http:\/\/forum.sketchfab.com\/uploads\/db4890\/932\/8e4aeef64d059b7a.jpeg\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"http:\/\/forum.sketchfab.com\/uploads\/db4890\/932\/8e4aeef64d059b7a.jpeg\" alt=\"\" \/><\/noscript>\u200b<\/p>\n<p><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"http:\/\/forum.sketchfab.com\/uploads\/db4890\/931\/f7af42e15c39277c.jpeg\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"http:\/\/forum.sketchfab.com\/uploads\/db4890\/931\/f7af42e15c39277c.jpeg\" alt=\"\" \/><\/noscript><\/p>\n<p>In \u2018Little Mage\u2019 I wanted my environment to be in a deep mysterious forest. I\u2019ve split my UVs of the tent-shaped skybox and the floor into 4 sections. The walls and roof are mirrored while each section of the floor shares the same texture tile.<\/p>\n<p><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"http:\/\/forum.sketchfab.com\/uploads\/db4890\/891\/c2ef0ef82e0f4cd2.jpeg\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"http:\/\/forum.sketchfab.com\/uploads\/db4890\/891\/c2ef0ef82e0f4cd2.jpeg\" alt=\"\" \/><\/noscript><\/p>\n<p>\u200bI added tons of fog to give a sort atmospheric depth into the scene, so it feels like the character is not just enclosed into a box.<\/p>\n<p><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"http:\/\/blog.sketchfab.com\/wp-content\/uploads\/2015\/03\/20e0cf74a54fb05b.jpg\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"http:\/\/blog.sketchfab.com\/wp-content\/uploads\/2015\/03\/20e0cf74a54fb05b.jpg\" alt=\"\" \/><\/noscript><\/p>\n<p>In the Sketchfab settings, I&rsquo;ve turned on &rsquo;<strong>Shadeless<\/strong>&rsquo; for shading. Make sure to select &rsquo;<strong>Single Sided<\/strong>&rsquo; under <strong>Faces<\/strong> Rendering so that the skybox will appear according to your face normals!<\/p>\n<p><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"http:\/\/forum.sketchfab.com\/uploads\/db4890\/930\/1892ded522e4540d.jpeg\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"http:\/\/forum.sketchfab.com\/uploads\/db4890\/930\/1892ded522e4540d.jpeg\" alt=\"\" \/><\/noscript><\/p>\n<p>Let\u2019s say you would prefer a scene indoors; here&rsquo;s just a quick example of an interior setting:<\/p>\n<p><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"http:\/\/forum.sketchfab.com\/uploads\/db4890\/890\/011d3a3d7cb245ea.jpeg\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"http:\/\/forum.sketchfab.com\/uploads\/db4890\/890\/011d3a3d7cb245ea.jpeg\" alt=\"\" \/><\/noscript><br \/>\n\u200b<br \/>\nThat\u2019s about it! It\u2019s a quick way to include a simple environment to showcase your 3D models.<\/p>\n<p style=\"font-size: 13px;font-weight: normal;margin: 5px;color: #4A4A4A\">\n    <a href=\"https:\/\/sketchfab.com\/models\/1c194140a048483f9b707099c4cb6ec0?utm_source=oembed&amp;utm_medium=embed&amp;utm_campaign=1c194140a048483f9b707099c4cb6ec0\" target=\"_blank\" style=\"font-weight: bold;color: #1CAAD9\" rel=\"noopener noreferrer\">Little Mage<\/a><br \/>\n    by <a href=\"https:\/\/sketchfab.com\/valentinalee?utm_source=oembed&amp;utm_medium=embed&amp;utm_campaign=1c194140a048483f9b707099c4cb6ec0\" target=\"_blank\" style=\"font-weight: bold;color: #1CAAD9\" rel=\"noopener noreferrer\">Valentina Lee<\/a><br \/>\n    on <a href=\"https:\/\/sketchfab.com?utm_source=oembed&amp;utm_medium=embed&amp;utm_campaign=1c194140a048483f9b707099c4cb6ec0\" target=\"_blank\" style=\"font-weight: bold;color: #1CAAD9\" rel=\"noopener noreferrer\">Sketchfab<\/a>\n<\/p>\n<p><strong>Thanks Valentina!<\/strong><\/p>\n<p>Visit <a href=\"https:\/\/sketchfab.com\/valentinalee\">Valentina&rsquo;s portfolio here on Sketchfab<\/a> and <a href=\"http:\/\/valentinalee.wix.com\/portfolio\" target=\"_blank\" rel=\"nofollow\">her personal website<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Valentina Lee is a student of Game Art in Singapore. I noticed her beautiful &rsquo;Little Mage&rsquo; model and asked her to show us how she<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[582],"tags":[585,213,1003,994],"class_list":["post-112775214359","post","type-post","status-publish","format-standard","hentry","category-tutorial","tag-needs-review","tag-skybox","tag-tutorial-lighting","tag-tutorial-modeling"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/posts\/112775214359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/comments?post=112775214359"}],"version-history":[{"count":2,"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/posts\/112775214359\/revisions"}],"predecessor-version":[{"id":142059990812,"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/posts\/112775214359\/revisions\/142059990812"}],"wp:attachment":[{"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/media?parent=112775214359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/categories?post=112775214359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketchfab.com\/blogs\/community\/wp-json\/wp\/v2\/tags?post=112775214359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}