Hi! I found a way to mimic what a screen looks like in Roblox by applying a simple pixel texture over a neon brick.
The effect looks alright, but it’s not how pixels behave. When the texture is over yellow parts of the image, the RGB dots just get yellower; over black darker, and over white lighter. Of course, actual RGB dots in pixels change their brightness in order to produce a color.
This is the mesmerizing effect I’m after. I’m wondering if there’s any settings or hacky methods that will make my pixels look at least a little more convincing. Is there like a way to make translucent textures filter out certain colors?
Aside from making the texture more transparent, I don’t believe you could achieve an effect like this. Maybe if you tone up or down the saturation in a color correction effect, you could make it more convincing. If I were you, I might mess around with exposure compensation in lighting, it blends in colors a bit.
i think this might actually be possible… and that is by doing everything backward…
So basically what you wanna do is convert the image you want to display into a mask that covers the pixels based on what colour the image is.
we use this 9x9 image tiled as our background layer
next thing is we want to convert an image, this is a 9x9 image and ive expanded it to 9 times that size so each individual pixel is now a 9x9 square of pixels.
Now what we have to do is mask the background depending on the foreground pixel colour.
so if the pixel of the face image is yellow we want to mask out the blue stripe of the background. if the colour is blue we want to mask the red and green and so on…
after a bit of work we get this mask image…
and it sorta works…
Probs need to make the image mask way higher resolution…
Will def need to learn how to code macros in GIMP if you wanna do this properly…
it has a tendancy to just go full green… and its very fussy about the position of the camera… but yeah im sure you could produce some really weird cathode ray tube effect… but its def gonna take alot of messing around…
oh that wont really help, what i did was make some scriptfu for GIMP, basically it makes the image 3 times as wide then for each set of 3 pixels,extract their RGB value then set each one of the pixels to the extracted R,G and B value respectively.
Then when you put it in roblox just stretch it vertically to get the correct aspect ratio back.
the scanlines are then placed on by using a transparent image layer. <<<< TINY IMAGE
i tiled this tiny image, dunno if its quicker than making a big one
I actually managed to get a very similar effect just using a browser executable html+js script, it also applies the scanlines and adjusts the aspect ratio directly on the image
<<<< TINY IMAGE
