{"id":3031,"date":"2010-03-01T07:00:28","date_gmt":"2010-03-01T05:00:28","guid":{"rendered":"http:\/\/4eyes.code66.se\/?p=3031"},"modified":"2012-03-05T10:46:25","modified_gmt":"2012-03-05T08:46:25","slug":"making-a-dungeon-door-filter-in-filterforge-2-part-3","status":"publish","type":"post","link":"http:\/\/4eyes.code66.se\/?p=3031","title":{"rendered":"Making a dungeon door filter in FilterForge 2 &#8211; part 3"},"content":{"rendered":"<p>OK, today, we&#8217;re gonna work with the height map part of the door, what will make it look like the door greytale had done, and not flat like an overrun goblin.<\/p>\n<p><!--more-->So, we open the filter once again in <a href=\"http:\/\/www.filterforge.com\/?affiliateid=200100725\" target=\"_blank\">FilterForge<\/a>, and start to edit.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/02\/dd3-01.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3039\" title=\"dd3-01\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/02\/dd3-01.jpg\" alt=\"\" width=\"441\" height=\"183\" \/><\/a><\/p>\n<p>What we&#8217;re gonna do today is making a <em>frame<\/em> in which our door will be, so we start with a <strong>Step <\/strong>component connected to the <em>Profile input <\/em>of\u00a0a <strong>Profile Gradient<\/strong>. You will see a lot interesting usage of the <strong>Profile Gradient<\/strong> component today. This will make a nice white with a little sloped border to black, remember, we are making height maps today.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/02\/dd3-02.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3038\" title=\"dd3-02\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/02\/dd3-02.jpg\" alt=\"\" width=\"431\" height=\"183\" \/><\/a><\/p>\n<p>Now, we create another\u00a0<strong>Step <\/strong>component, with a different setup, and connect that to the <em>Profile<strong> <\/strong><span style=\"font-style: normal;\">inout of <\/span><\/em>another <strong>Profile Gradient<\/strong>, where we feed <em>Color 2<\/em> from the first <strong>Profile Gradient<\/strong>. As you can see, we now have the shape of a top-down door.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/02\/dd3-03.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3037\" title=\"dd3-03\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/02\/dd3-03.jpg\" alt=\"\" width=\"450\" height=\"310\" \/><\/a><\/p>\n<p>Now, we use a <strong>Bias component<\/strong>, which we use to set the <em>Profile<\/em> of yet another <strong>Profile <\/strong><strong>Gradient<\/strong>. Then we feed the output to the <em>Maximum<\/em> input of an\u00a0<strong>Impulse<\/strong> component. As you can see the curve is blurred on that part that will vary with the <strong>profile Gradients <\/strong>output. This is one of the really cool things with FilterForge.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/02\/dd3-04.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3035\" title=\"dd3-04\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/02\/dd3-04.jpg\" alt=\"\" width=\"443\" height=\"207\" \/><\/a><\/p>\n<p>Here is yet another <strong>Profile Gradient<\/strong>, where the <em>Profile<\/em> is set from a <strong>Bias<\/strong> component. This will be the actual top profile of your door.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/02\/dd3-05.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3036\" title=\"dd3-05\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/02\/dd3-05.jpg\" alt=\"\" width=\"450\" height=\"184\" \/><\/a><\/p>\n<p>Now, we feed the last output to the <em>Color 2<\/em> input of another <strong>Profile Gradient<\/strong>, to which we have connected a <strong>IntSlider<\/strong> to <em>Repeat<\/em>. Then we connect the output from the <strong>Impulse<\/strong> component to the <em>Profile<\/em><strong> <\/strong>input, and as you see, we get a door top where you can see the planks. The Repeat sets how many planks we will have.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/02\/dd3-06.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3034\" title=\"dd3-06\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/02\/dd3-06.jpg\" alt=\"\" width=\"260\" height=\"222\" \/><\/a><\/p>\n<p>Now, we use a <strong>Threshold<\/strong> component, where the <em>Source<\/em> is the &#8220;door like shape&#8221; from yesterday, and the <em>High<\/em> is the wood from the day before that, and we got a door, a flat boring door, bur a door.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/02\/dd3-07.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3033\" title=\"dd3-07\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/02\/dd3-07.jpg\" alt=\"\" width=\"243\" height=\"178\" \/><\/a><\/p>\n<p>We make another\u00a0<strong>Threshold <\/strong>component and use the same <em>Source<\/em>, but the height map as <em>High<\/em>, and we got a hight map for the door.<\/p>\n<p><a title=\"Next episode\" href=\"http:\/\/4eyes.code66.se\/?p=3042\">Tomorrow<\/a>, we&#8217;re gonna add some details to the door, before we can actually call it done.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>OK, today, we&#8217;re gonna work with the height map part of the door, what will make it look like the door greytale had done, and not flat like an overrun goblin.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,8],"tags":[13],"class_list":["post-3031","post","type-post","status-publish","format-standard","hentry","category-mapmaking","category-tools-of-the-trade","tag-filterforge"],"_links":{"self":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/3031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3031"}],"version-history":[{"count":4,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/3031\/revisions"}],"predecessor-version":[{"id":7261,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/3031\/revisions\/7261"}],"wp:attachment":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3031"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}