Author Topic: Floor Wall Tutorial  (Read 635 times)

Offline Dinonykos

  • Dungeon Craft Tester
  • Hero Member
  • ***
  • Posts: 2385
    • Dinonykos Dungeon Craft
Floor Wall Tutorial
« on: September 24, 2017, 02:34:25 AM »
The idea behind "Floor Walls" is to use the wall template to cover the background with floors which comprise only a certain area. The attached picture shows how it works: wall slot A is, e.g., used to cover the front left of the background, B to cover the front right.

In the following, I will show how I get the floor from a background image to the floor wall template, but this should work very differently with different software. Surely one could also use scripts or write a program to do it.
Find four contributions to the Pre-Generated Character Mini-Module Design Contest on my homepage.
New: THE AMBASSADOR'S LETTER, my contribution to the 7-day-challenge.
DINONYKOS DUNGEON CRAFT DESIGN HOMEPAGE

Offline Dinonykos

  • Dungeon Craft Tester
  • Hero Member
  • ***
  • Posts: 2385
    • Dinonykos Dungeon Craft
Re: Floor Wall Tutorial
« Reply #1 on: September 24, 2017, 02:38:30 AM »
In the software I use, you can use the fill tool to get a pattern from one image and fill it into an area from another image. This can be done in Photoshop, Paint Shop Pro, and as I guess, also in other software.

I defined the BG image from Uatu as fill pattern, and then marked slot A and filled the section which shall later be covered by the brown floor.
Find four contributions to the Pre-Generated Character Mini-Module Design Contest on my homepage.
New: THE AMBASSADOR'S LETTER, my contribution to the 7-day-challenge.
DINONYKOS DUNGEON CRAFT DESIGN HOMEPAGE

Offline Dinonykos

  • Dungeon Craft Tester
  • Hero Member
  • ***
  • Posts: 2385
    • Dinonykos Dungeon Craft
Re: Floor Wall Tutorial
« Reply #2 on: September 24, 2017, 02:42:09 AM »
I did the same for Slot E. For Slot B, I selected an area of 176x211 px (size of the 3d view frame and of the background image) in the wall floor template that way that its right edge fits with the edge of slot B. This way, I can make sure that the right section of the background is filled into the slot.
Find four contributions to the Pre-Generated Character Mini-Module Design Contest on my homepage.
New: THE AMBASSADOR'S LETTER, my contribution to the 7-day-challenge.
DINONYKOS DUNGEON CRAFT DESIGN HOMEPAGE

Offline Dinonykos

  • Dungeon Craft Tester
  • Hero Member
  • ***
  • Posts: 2385
    • Dinonykos Dungeon Craft
Re: Floor Wall Tutorial
« Reply #3 on: September 24, 2017, 02:48:26 AM »
I proceeded with further slots.
One problem of the floor wall method is that there are slots in the wall templates (e.g. H) which are used for several wall positions in the 3d view. This means that the part of the floor I put in slot H will not only appear in the center of the 3d view, but also to the left and right ff the center. If your background has a clear pattern, this can lead to strange results. We will see how the floor walls based on Uatu's background will look in the end... :)
« Last Edit: September 26, 2017, 10:32:07 AM by Dinonykos »
Find four contributions to the Pre-Generated Character Mini-Module Design Contest on my homepage.
New: THE AMBASSADOR'S LETTER, my contribution to the 7-day-challenge.
DINONYKOS DUNGEON CRAFT DESIGN HOMEPAGE

Offline Dinonykos

  • Dungeon Craft Tester
  • Hero Member
  • ***
  • Posts: 2385
    • Dinonykos Dungeon Craft
Re: Floor Wall Tutorial
« Reply #4 on: September 24, 2017, 02:53:00 AM »
This is what the almost completed floor wall looks like after removing the blue areas (which can be used for ceilings...)

(Don't be irritated by the change of colours, I have started to use blue/yellow colours for walls based on Uatu's art or trying to mimic it...)
« Last Edit: September 24, 2017, 02:55:22 AM by Dinonykos »
Find four contributions to the Pre-Generated Character Mini-Module Design Contest on my homepage.
New: THE AMBASSADOR'S LETTER, my contribution to the 7-day-challenge.
DINONYKOS DUNGEON CRAFT DESIGN HOMEPAGE

Offline Dinonykos

  • Dungeon Craft Tester
  • Hero Member
  • ***
  • Posts: 2385
    • Dinonykos Dungeon Craft
Re: Floor Wall Tutorial
« Reply #5 on: September 24, 2017, 03:00:51 AM »
Let's see how the "floor wall" works in the 3d view. I randomly put a few walls using our wall template here and there and marked the slots which are used...

I should mention that my floor template is not perfect, there are a few things which could perhaps be improved.

In any case, what we have now works, but we need two more templates to be able to get sharp, straight floor edges. And in this special case, we could also try to emulate cliff edges as suggested by Adam.
« Last Edit: September 24, 2017, 03:03:54 AM by Dinonykos »
Find four contributions to the Pre-Generated Character Mini-Module Design Contest on my homepage.
New: THE AMBASSADOR'S LETTER, my contribution to the 7-day-challenge.
DINONYKOS DUNGEON CRAFT DESIGN HOMEPAGE

Offline Dinonykos

  • Dungeon Craft Tester
  • Hero Member
  • ***
  • Posts: 2385
    • Dinonykos Dungeon Craft
Re: Floor Wall Tutorial
« Reply #6 on: September 24, 2017, 03:11:36 AM »
I have two more templates which can be used to "cut" the floor tiles "in half".
Putting these on top of our brown floor and removing the green colour results in two more walls with half tiles... (Note that I have not yet removed the green areas for one of the images below to show how it works...)
Find four contributions to the Pre-Generated Character Mini-Module Design Contest on my homepage.
New: THE AMBASSADOR'S LETTER, my contribution to the 7-day-challenge.
DINONYKOS DUNGEON CRAFT DESIGN HOMEPAGE

Offline Dinonykos

  • Dungeon Craft Tester
  • Hero Member
  • ***
  • Posts: 2385
    • Dinonykos Dungeon Craft
Re: Floor Wall Tutorial
« Reply #7 on: September 24, 2017, 03:18:32 AM »
Let's see again what it looks like in the 3d view. I marked two "errors" with yellow circles - these (and a few others you might find if you search for them) are there because my template is not perfect... I will probably correct these later. Note that it also depends on what you are trying to achieve - sometimes you may want really sharp edges, in other cases a few "irregularities" may even improve the look of your floor.

Anyway, if you don't mind the minor errors, I think the new three floor walls work quite well together...
« Last Edit: September 24, 2017, 03:21:29 AM by Dinonykos »
Find four contributions to the Pre-Generated Character Mini-Module Design Contest on my homepage.
New: THE AMBASSADOR'S LETTER, my contribution to the 7-day-challenge.
DINONYKOS DUNGEON CRAFT DESIGN HOMEPAGE

Offline Dinonykos

  • Dungeon Craft Tester
  • Hero Member
  • ***
  • Posts: 2385
    • Dinonykos Dungeon Craft
Re: Floor Wall Tutorial
« Reply #8 on: September 24, 2017, 03:42:46 AM »
Now to the "cliff look". Adam has given a nice example of what it should look like. To get an idea of the proportions, I put our new "floor edge walls" on top of one of my helpful grids...
Find four contributions to the Pre-Generated Character Mini-Module Design Contest on my homepage.
New: THE AMBASSADOR'S LETTER, my contribution to the 7-day-challenge.
DINONYKOS DUNGEON CRAFT DESIGN HOMEPAGE

Offline Uatu

  • Dungeon Craft Tester
  • Hero Member
  • ***
  • Posts: 1080
    • World's Edge
Re: Floor Wall Tutorial
« Reply #9 on: September 24, 2017, 05:42:43 AM »
Wow - great tutorial, it will take some time to digest, but it is very comprehensive!
More Dungeon Craft Art at my Web Page: http://www.reonis.com/uatu/

Offline Dinonykos

  • Dungeon Craft Tester
  • Hero Member
  • ***
  • Posts: 2385
    • Dinonykos Dungeon Craft
Re: Floor Wall Tutorial
« Reply #10 on: September 24, 2017, 10:17:32 AM »
I will continue with the cliff look later... :)
Find four contributions to the Pre-Generated Character Mini-Module Design Contest on my homepage.
New: THE AMBASSADOR'S LETTER, my contribution to the 7-day-challenge.
DINONYKOS DUNGEON CRAFT DESIGN HOMEPAGE

Offline manikus

  • Skriptor
  • Administrator
  • Hero Member
  • *****
  • Posts: 9968
Re: Floor Wall Tutorial
« Reply #11 on: September 25, 2017, 01:07:31 PM »
Really good work, Dinonykos! This seems clear to me, but I already know how to do this. ;) If anyone needs clarification on an issue, don't hesitate to ask, as both Dinonykos and I can help. :D :D :D


Offline Dinonykos

  • Dungeon Craft Tester
  • Hero Member
  • ***
  • Posts: 2385
    • Dinonykos Dungeon Craft
Re: Floor Wall Tutorial
« Reply #12 on: September 26, 2017, 12:46:21 PM »
Below I posted the floor edges modified to the edges of very high cliffs. One could also do cliffs with a height of one level. And with a few additional walls, you could emulate a mountain... :D
Find four contributions to the Pre-Generated Character Mini-Module Design Contest on my homepage.
New: THE AMBASSADOR'S LETTER, my contribution to the 7-day-challenge.
DINONYKOS DUNGEON CRAFT DESIGN HOMEPAGE

Offline manikus

  • Skriptor
  • Administrator
  • Hero Member
  • *****
  • Posts: 9968
Re: Floor Wall Tutorial
« Reply #13 on: September 26, 2017, 01:04:49 PM »
This is so cool! I am trying to think of a way that i can incorporate this into something...flying?...falling?...mountain climbing?...
My first thought was about Wile E. Coyote and the Road Runner. ;)

Great work, my friend.

Offline steve_mcdee

  • Dungeon Craft Tester
  • Hero Member
  • ***
  • Posts: 1976
Re: Floor Wall Tutorial
« Reply #14 on: September 26, 2017, 08:31:28 PM »
Looks good. It would be nice to have an example in-game screen shot so we can picture it more easily...  :D