Synth Lines

With Synth Lines you can get a retro futuristic look from the 80s. With dozens of configuration options, you can adapt it to your needs quickly and easily.

DEMO (WEBGL 2.0)  ASSET STORE (SOON)

 

Synth Lines creates horizontal lines across the screen that curve depending on the brightness of the pixel.

 

Inside the Editor.

Once installed, select the camera of the scene and add the component ‘Synth Lines‘.

 

 

When you add it you will see something like:

 

 

 

In the common zone (1) you can change the intensity of the effect with ‘Strength‘. You can also change ‘Mode‘ between ‘Screen’, ‘Layer’ and ‘Depth’. Later we will see how they work.

 

In the ‘Lines‘ area (2) you can change the effect lines.

  • Count, number of lines [1, 200]. Default 100.
  • Height of the lines [1, 10]. Default 2.
  • Thickness of the lines [0.0, 1.0]. Default 0.2.
  • Antialiasing. Improves the visual quality, but decreases performance. Default ‘Nice’.

 

The next area is ‘Image‘ (3), in which you can modify:

  • Color blend operation, similar to those used in Photoshop. Default ‘Overlay‘.
  • Coloring modes, to choose between: solid, color gradients and HUE gradients. Default ‘Solid’.

 

The ‘Color’ (4)  area is used to modify color parameters and you must activate it (in the small circle near the label) to be able to use it. In ‘Advanced settings’ you can adjust some parameters related to the ‘Layer’ mode.

Pressing at ‘[doc]’ will go to the online help and in the ‘Reset‘ button some parameters will return to their default values.

I said that there are three different modes. The first one is ‘Screen‘ and is the one used by default. It makes the effect apply to the whole screen. Another mode is ‘Layer‘ and with it you can apply the effect only to the layers you want.

 

 

Simply select the layers you want and they will be the only ones in which the effect is applied. If you see any accuracy faults, you can adjust the sensitivity with ‘Depth threshold‘ at ‘Advanced settings’.

 

 

With ‘Distance‘ mode you can select the depth curve to modulate the effects strength. The range starts at the ‘Near‘ distance of the camera and ends at ‘Far‘.

 

 

 

Both modes, ‘Layer‘ and ‘Distance‘, add a depth texture to the camera, and may not be available on some mobile platforms. You should also keep in mind that both modes depend on the ‘Far‘ parameter of your camera. If you use a ‘Far‘ too large (default is 1000), you may have precision problems, so I advise you to reduce it as much as possible.

 

 

By code.

All code is inside the namespace ‘Ibuprogames.SynthLinesAsset‘ and main component is ‘SynthLines‘. So if you want to use it you must first import its namespace:

 


using Ibuprogames.SynthLinesAsset; 

 

If ‘myCamera‘ is a valid camera and you want to add the effect, you should do something like:


SynthLines synthLines = mycamera.gameObject.AddComponent<SynthLines>();

 

All the code are well commented, I recommend reading the code if you want more information.

 

Any questions or suggestions you have, we will be happy to answer you in our mail:

 

 

You Might Also Like

No Comments

Leave a Reply