Camera facing Texture

-
I forgot to post this earlier, I was approached by someone and asked how to make a camera facing texture. I recalled a similar thing from a UE4 live stream of a material based on the Palantir from Lord of the Rings made by Alan Willard: https://youtu.be/mig6EF17mR8

Camera facing Texture with some distortion effect - The texture is the logo from Ghost Recon Wildlands (It looks ghostly that's why I used this texture. 😄)




Here is the material set up I learned and implemented:
Material setup for Camera Aligned Texture 
There are a few problems with the material where if you zoom out it somehow gets bigger on cubes or flat geometry. I will need to find some way to cancel out the scaling problem so it stays the same no matter the distance between the camera and the object. As for now, I am calling this done as I need to continue working on the water shader.

Another issue is that there is this weird stretching for cylindrical/flat facing objects but I feel that is something that can be hard coded with parameters.




Comments

Post a Comment

Popular posts from this blog

Distance Field water foam

-
Image
Distance Field Foam Vectortoradialvalue, DistanceFieldGradient used for U channel and DistanceToNearestSurface used for V. I thought about how texture coordinates worked and how VectorToRadialValue worked. Both being gradients in R(U) and G(V), I had a theory about creating coordinates based on using Distancetonearestsurface node as G(V) channel and have VectorToRadialValue or Distancefieldgradient node as the R(U) channel. I was initially going to use the DistanceFieldGradient node that I learned about when making the distance field flow map. This is because the node had that Texture coordinate look to it but it adds a lot to the shader instructions so I went with VectorToRadialValue node. I extracted and used maths for the R channel from VectorToRadialValue and it produced the coordinates I wanted. I then added this coordinate to the noise based foam I made earlier using Alex Vinogradov's approach. I later decided to add Distancefieldgradient node just to see if it pro...
Read more

World alignment (Tri-planar mapping)

-
Image
From reading the UE4 documentation, I found out that material functions are a bunch of nodes packed into one node. I figured out the Math behind how world alignment works by deconstructing and experimenting with the World Aligned Texture node. This node is one example of a material function. It is also widely known as Tri-planar mapping in substance painter. Material Function for Tri-planar mapping  This gave me the idea to make a block out material which can have grids, scale without texture stretching and change colours the way I want it to. I also wanted to add the functionality of animating the material. I did this by making some modifications to the World Aligned Texture material function. Modified Material function with comments to help understand which part is doing what. I found that substracting the WorldPosition from the Object Position will force the material to move along with the object and not have a weird scrolling effect whenever you move the obje...
Read more

Vertex Paint Flow map and flow map visualisation

-
Image
There aren't many tutorials to go with when it comes to Vertex painting Flow maps. I was going to use the concepts that are in UnrealSimon's Flow map Tutorial:  https://www.youtube.com/watch?v=tEr3NE_XLbc   But luckily I found one tutorial by TharleVFX which uses more or less the same process as the flow map texture technique in Unreal Simon's tutorial but uses vertex painting the way I want it:  https://www.youtube.com/watch?v=hDH25HnFneQ . I also wanted a way to visualise the Flow map and distortion of the water system. It can be difficult to see in different lighting conditions especially with the unlit water system I have made. I remembered an old twitter post by H.Kudo: Flowmap Fields Visualizer UE4でフローマップの流れを可視化してみる フローマップはFusion 9で作成 ※音がでます Visualize Flowmap Fields in UE4 Generated Flowmaps in Fusion 9 #UE4 #Fusion9 #RealTime #DataVisualization #indiedev pic.twitter.com/5pDqwBHjN3 — h.Kudo (@_KudoHiroyuki) July 1, 2018 I really like how h...
Read more