Perfect Old TV effect.

Get help using Construct 2

Post » Wed Jan 23, 2013 10:50 pm

I wanted to get that retro TV effect. I can't find the example anymore, but it was a combo of scanlines and something else. Does anymore else have good combos that look like an old color TV?
B
30
S
10
G
7
Posts: 416
Reputation: 7,239

Post » Thu Jan 24, 2013 12:06 am

It should create new fx file for WebGL effectJoannesalfa2013-01-24 00:06:39
B
96
S
25
G
20
Posts: 3,053
Reputation: 22,640

Post » Thu Jan 24, 2013 12:37 am

[QUOTE=Joannesalfa] It should create new fx file for WebGL effect[/QUOTE]

I swear a while ago there was an example using space blaster that came close. I just made a new Scanline effect that does vertical as well as horizontal, but that's more pixelish than TV.

Bonus points for offsetting each pixel so you can see the RGB peek through.

B
30
S
10
G
7
Posts: 416
Reputation: 7,239

Post » Thu Jan 24, 2013 1:02 am

I wish if there a new effect Damaged VHS
B
96
S
25
G
20
Posts: 3,053
Reputation: 22,640

Post » Thu Jan 24, 2013 1:51 am

An old TV example ships with Construct 2. It's in the start dialog.
Scirra Founder
B
359
S
214
G
72
Posts: 22,949
Reputation: 178,544

Post » Thu Jan 24, 2013 1:55 am

Holy smokes...i didn't know there were so many in there!~!!
B
30
S
10
G
7
Posts: 416
Reputation: 7,239

Post » Thu Jan 24, 2013 1:59 am

That's good for a terrible signal CRT effect, if you want a more accurate clean signal CRT effect to make pixel-art look its highest quality when upscaled you may find this helpful in furthering your understanding:
http://postback.geedorah.com/foros/viewtopic.php?pid=16226#p16226
B
134
S
65
G
16
Posts: 1,766
Reputation: 19,190

Post » Thu Jan 24, 2013 2:17 am

This can sort of be achieved with a hoz and vert scanlinefirebelly2013-01-24 02:17:54
B
30
S
10
G
7
Posts: 416
Reputation: 7,239

Post » Thu Jan 24, 2013 10:39 am

Yo!

I tried to reproduce a TV effect for C2 with phosphour glow and shadow mask the other day. Came up with this:

http://i834.photobucket.com/albums/zz263/ErekT_Pixel/FilterScreenshotsG2.gif

http://i834.photobucket.com/albums/zz263/ErekT_Pixel/FilterScreenshotsContra.gif

This is how I set it up:

Png image to simulate the shadow mask with Overlay Blend applied. This goes on top of everything else.

Blur Horizontal 10 on entire layout for a sense of color bleeding like you get with phosphour glow.

Sharpen 10 on entire layout.

HSLAdjust on entire layout with Saturation 105-110 and Luminosity 93.

Sampling -> Linear in Project Settings.

You'll be needing WebGL obviously. The entire canvas needs to be scaled to at least 2X and the CRT2 image needs to be set to 0.5 scale to get it all to look right.

http://i834.photobucket.com/albums/zz263/ErekT_Pixel/CRT2.png

ErekT2013-01-24 10:53:36
B
22
S
6
G
1
Posts: 398
Reputation: 3,384

Post » Thu Jan 24, 2013 5:14 pm

[QUOTE=ErekT] Yo!

I tried to reproduce a TV effect for C2 with phosphour glow and shadow mask the other day. Came up with this:

http://i834.photobucket.com/albums/zz263/ErekT_Pixel/FilterScreenshotsG2.gif

http://i834.photobucket.com/albums/zz263/ErekT_Pixel/FilterScreenshotsContra.gif

This is how I set it up:

Png image to simulate the shadow mask with Overlay Blend applied. This goes on top of everything else.

Blur Horizontal 10 on entire layout for a sense of color bleeding like you get with phosphour glow.

Sharpen 10 on entire layout.

HSLAdjust on entire layout with Saturation 105-110 and Luminosity 93.

Sampling -> Linear in Project Settings.

You'll be needing WebGL obviously. The entire canvas needs to be scaled to at least 2X and the CRT2 image needs to be set to 0.5 scale to get it all to look right.

http://i834.photobucket.com/albums/zz263/ErekT_Pixel/CRT2.png

[/QUOTE]

These are pretty good! I love that img of the city street. I saw that on pixeljoint the other day. Was really well done!
B
30
S
10
G
7
Posts: 416
Reputation: 7,239

Next

Return to How do I....?

Who is online

Users browsing this forum: 99Instances2Go, jul, nicklowkcmagic and 18 guests