How to make complex objects in the Vue 4 terrain editor.
Our goal will be to make a 3d humming bird using nothing more than the terrain editor and a basic picture to start with.
You can download all the sample textures complete with pre made mesh right here ! 2.16 meg
First off was trying to figure out the seemingly complicated scale setting
in Vue 4 on the terrain editor. It started to look like
a big bad bug at first and no setting we tried seemed to give expectable
results, Well I hit on the idea of using a special made
test image that would give us a clue to why the numbers where not working
out. One thing when you apply such a texture to a
terrain the four corners of the image end up being dead center of the
bumpy side (the side we need) of the terrain. So we had to
offset the picture but by how much that was the question and because
we didn't know the scale settings it became apparent that you
could spend years trying to figure out what would work. That's when
I figured we where tackling the problem the wrong way
around, I say forget the offset lets just adjust the scale till we
find the magic number. That idea worked I made a new test image
that had a little 2 pixel black boarder around it then set the offset
for the x and y of the picture to exactly 1/2 of the original picture.
Then I just simple adjusted the scale till I could see that black line
all around the terrain. That would finally give me the magic scale
number for Vue 4.
This is the terrain test image that I made.
The test image was 512 X 512 so I made a terrain that size and imported
it in then flipped on it's edge then applied the picture texture
I made to it. I also offset the picture by 256x and 256y. I also noted
the size Vue 4 had giving the terrain in the Numerics part of the
program. Vue had given the value of 0.5x and 0.5y to the size of the
terrain. We need to know that number.
Next I just simply adjusted the texture scale till I could see the
black line appear all away around like rendered above.
The magic Scale number ended up being 5.68 on a 512 terrain with a
size of 0.5 world space.
Not too pretty but we can work with it. See 6 was close but not close
enough. In the above example I put dots on the picture so
I could tell which way was up and after the tests you realize not only
is the picture upside down it's also backwards.
So we set the picture scale to -1x and -1y in the material editor to
compensate for that.
So to recap:
Original texture size 512 X 512
Made terrain 512 X 512
Applied picture for the texture and set it's off set to 256X and 256y
Also set the picture scale to -1x and -1y so it will flip it over but
not adjust the size.
We'll use the master texture scale later to set that final scale number.
In this case that number will be 5.68
Ok Pete that works with 512 X 512 size then what? Ya that's just it,
if you adjust the size of the terrain or the picture any of course
it will no longer work. See the picture is not Mapped to the terrain
it's just applied to it, now is that a bug? I'm not sure. Having
things to
automatic is fine for regular run of the mill stuff but it's also nice
to be able to override those settings when they no longer work for the
job at hand.
Now in Vue 4 it appears there is no automatic and you have to do it
all by hand but that's ok cause we did the hard work for ya already.
The rest should be a piece of cake. In Vue 3 the magic number was 3
and it never changed. Well that number does not work in Vue 4.
The Vue 4 number also changes as you make the terrain bigger or smaller
or adjust it world space size or adjust the picture size.
I did just that to figure out what the other number would be for ya
already.
If you double the size of the terrain to 1024 then the scale number
also get doubled to 5.68 X 2 = 11.36 that is if you picture is 512 x 512
if its 1024 X 1024 then it will stay the same 5.68
If you half it to 256 X 256 the scale number gets reduced to 1/2.
5.68 / 2 = 2.48 same deal assuming you don't make the picture smaller.
Same thing happens if you adjust the world size so keep that in mind.
You may want to keep those adjustments to 0.25 sizes and not go
stretching your terrain in some random direction. If you do that it
will be hard to get the texture to line up.
Oh we also discovered one other thing. The pictures has to be square.
You can't start this with a rectangle picture. It will not scale properly.
That really not a big deal because you cannot make terrain's not square
in the first place so if your original art is not square make it square.
Use numbers that you can actually use to make a terrain. In Vue 4 the
smallest terrain possible is 8 by 8 and then it just doubles till your
computer explodes.
8 X 8
16 X 16
32 X 32
64 X 64
128 X 128
256 X 256
512 X 512
1024 X 1024
2048 X 2048
So resize your original art to one of the above numbers by either adding to the canvas or shrinking / enlarging it till it is square.
Ok step 1 select a picture.
We are going to use this humming bird picture to start with. Oh I'll
stick all the pictures in a zip so you can download them and give them
a try.
I'll also include the object and Vue 4 texture I made so you can have
a look how I set it all up.
A sample original shown smaller.
Ok this picture first off is not square it's 1206 X 1773. That's no
good we need to fix it. How I did that was just select the white part then
inverse
copy and paste that to a new frame. that gives us a image that's 1210
X 994 better but still not good enough. Well at least we got rid of all
that extra white.
Next I resized the canvas so it was 1210 X 1210 then painted that extra
part white to match. Now it's square but it's way to big. We'll kill the
computer if we
try making a terrain that large. It's pointless so lets resize the
picture to 1024 X 1024. That's plenty big enough.
Well now it's square and in color so lets save that. Birdcolor1.bmp
Next we have to make the gray scale image for the terrain. That's easy
just convert this image to gray scale than back to RGB color. I don't know
if they fixed that
in Vue but at one time Vue had problems importing grayscale images.
Changing it back to RGB cured that.
Sample square grayscale image shown smaller than actual size.
Step 2 Making the terrain.
Ok so we got a color and a black and white square image of our humming
bird. lets make the terrain.
First get a new project started in Vue. Any sky will do then click on
the terrain mountain. That will make a basic mountain.
Next right click on the mountain and pick edit. That will open up the
terrain editor.
Set the size of the terrain to 512 X 512 first then click on the picture
button on the left hand side.

Click on load then browse to the black and white grayscale image and
import it. Next move the slider till it's on the picture 100 % so it does
not
blend with the original terrain. Next click on the invert button because
our picture in backwards to what it's suppose to be. We want a mountain
not a canyon. It's that little button on the top right of our picture
then click ok.
That will bring us back to the material editor
Mount Hummingbird !
Ok click on fluvial once to smooth him out a bit also slide the clip
up a bit to get rid of the box we don't want that to show up.
Notice the size of the terrain? It's 512 X 512 and our bw and color
image is 1024 X 1024 so we'll have to take care of that doubling of size
later
to get our texture to line up.
I'll just break this page off now so the download time will not be extreme.
I still have lots of pictures to show so we'll continue on page
2.