Toon water shader UV stretching

Geffrey

I'm very new to shaders. I was following this:

video to make a shader. but I have some problems.

Here is an image of the issue I'm coming across:

I have 3 objects, waterfall top, waterfall middle and regular flowing water flat.

Only the top of the waterfall top object seems to be displaying the texture, rest becomes stretched.

I actually don't mind effect of the stretching that much for the waterfall but I want to make it less stretched. The regular horizontal water object also seems to exhibit stretching behavior, this is undesirable. i want the regular flat water to look like the top are of the waterfall.

Can someone give me any tips?

Here is a link to the project file: https://www.dropbox.com/sh/j1nr037n2tkhr8e/AADqKk_c8GonBgq98hLcXlsVa?dl=0

Don't worry about the grey color on the flat water, I haven't finished coding the shader, I'm stuck with this stretching problem.

The texture noise I used is not square, it's slightly rectangular, but I don't think this is what's causing the issue. I could be wrong though.

Megalomaniak

I'm about to take a closer look, but just from the images, seems like it's the texture coordinates. Guess I'll see if I'm right.

Megalomaniak

Selecting the Waterfall_top node and from the viewport menu bar, mesh menu specifically, selecting the View UV1 option reveals to me that you have only 2 of the top triangles(that show the texture correctly) unwrapped. Rest of the UV's look to be missing, or more likely are all squashed to one end of the UV space.

Try to make sure your meshes are properly unwrapped in your DCC and experiment with the export settings in your exporter, maybe exporting multiple different files with different settings and then importing each to compare in godot.

Geffrey

Okay I'll check it out. I have to research a bit on unwrapping. I use blender.

Megalomaniak

In blender to make sure all your faces are unwrapped check that you haven't hidden any faces and select all faces to see them in the UV editor.

Once all your faces are unwrapped, I recommend that you select all your UV's and scale the whole thing to be within bounds, this way nothing should get clamped by either exporters or importers.

You should always be able to scale UV's again in material settings later, or in a custom shader if need be.

Geffrey

I did the UV unwrapping. Surprisingly it was easier than I thought. Here is the outcome: https://i.imgur.com/LvQdXfP.mp4

Now there is a problem where I have seams. Like the video said, I made the noise tiled, so there should be seamless transition of colors. The color looks to be seamless for the flat water because I make the top and bottom edges of the unwrap at the top and bottom edges of UV unwrap area. . But, the color doesn't look seamless of the waterfall.

Are there any other methods of achieving seamless look? I can't do top/bottom for the waterfall because of the top part, if I make the bottom part top/bottom then it becomes too big and the other UV sections (top part and side part doesn't fit)

The vertex shader also causes there to be some gaps during the waves between the meshes. I guess I could fix this by stretching each water meshes a little beyond the gridmap cell size. I wonder if there is a mathematical way to fix this so the sin waves perfectly align.

Megalomaniak

For the wave function you might be best off to use object/global coordinates for starters, then making sure also that the temporal state and scale and amplitude are consistent between the objects.

For the albedo/color seams, you need to make sure that your UV's match up too, in addition to the timing/speed being correct. Note also that the size of your meshes needs to match up perfectly. You need all your parts to fit together perfectly to have it all work perfectly, in this respect it's a rather fragile thing.