But somehow when I played it in a separate window, it does not render correctly from a certain angle as shown below. From the left angle it is correctly shown. But from the right angle, it’s shown in front of other objects. Is it a bug in UE4?
I’m using the same material for fire in the starter content folder, but I made them to “UNLIT”. And also, I created my own version of fire particle system, which is quite similar to the one in the starter content folder, because I’m learning how each emitter and modules affect the entire particle system. You can download my entire content folder here:
I actually use starter content folder, but I don’t include it in the upload, because it’s too big. For this specific bug, I didn’t change any coding. I just used the 3rd person template and removed many default objects. I hope this information is enough for you.
As I suspected, the issue here is the Translucent Sort Priority. As soon as I set the values for Translucent Sort Priority each of your meshes placed in the level to sort correctly, i.e. background to foreground, 0 to 3 since you have three translucent objects lying on different locations along the X-axis.
Click on your fire particle and within the Details panel, rollout the Rendering dropdown and set the TSP to 1.0. (use the image below as reference). You can then select the foreground mesh and set its TSP to 2.0.
As you can see, as soon as you have the sorting correctly established the fire particle renders correctly. Let me know if you have further questions or need additional assistance.