Create Classic Computer Screen Shader UI for UE4?

joshmtyler

Hey all, I've been searching and searching and I have no idea how to make a simple 80s, 80-column/25-line LCD screen in UE4.
I am new to UI/video effect shaders in Unreal and don't know where to start.

Here is an example. (though it doesn't have to be EXACTLY like this, just something similar)
Start at 2:50 if it doesn't start there.

https://youtu.be/UoRp8aj0IAY?t=170

poopipe

I was about to explain how I did mine but it turns out there's a tutorial video...

https://wiki.unrealengine.com/8_Bit_Pixellize_in_Unreal_Engine_4

That covers the hard bit,  once you've been through that,  sorting out the colours etc. Should be a breeze 

RN

That's a cool technique. You'd be drawing the UI graphics to a texture (like a render texture that's going to be used by the computer screen mesh), and then you make the computer screen use a pixelisation shader to display that texture -- it floors the UV coordinates of the mesh so that the texture is sampled in steps, like big pixels.

In Doom 3 the UI for monitors seems to be done with textured meshes (with a texture canvas of all UI elements such as individual font characters etc.), it's described in here: https://simonschreibt.de/gat/gat-doom-3-hdui/
So I think an alternative way to do this effect is to directly use pixelised assets like it was done in D3, a pixelised texture that's mapped to animated mesh decals on your monitor. You can also use an overlay mesh that multiply-blends with everything below and is textured with a tiling scanline texture, to simulate some monitors that have this.

joshmtyler

@RN @poopipe

Those are all great techniques but I found a way to do it. (I know the vertical distortion is impossible on a screen like this but it looks cool, lol)

I just have to adjust the post process to actually see the minute scanlines

Axi5

Neuromancer? cool stuff