Unity - 2d Shader ,edge highlight on objects ,colliders or 2d textures
Hi Guys and Girls. I need your guidance on this. Platforms are not visible but similar to GOnner and the player reveals the edges of the world around him. So what I am looking to do is the following. The 2 object is the platforms that you interact with. But they are not visible. Only the red sections on the platform etc will show to the player when he is close to them.
Please help me brainstorm this.
I was thinking of raycasting to the objects around to reveal but this will be performance heavy? Hit Shader then Revealing it but 2d?
The video below does a similar thing but with animation that looks great.
Please help me brainstorm this.
I was thinking of raycasting to the objects around to reveal but this will be performance heavy? Hit Shader then Revealing it but 2d?
The video below does a similar thing but with animation that looks great.
Comments
Here is a quick and (very) janky version of it.
Here's the shader code
Shader "Hidden/WorldCutout" { Properties { _MainTex ("Texture", 2D) = "white" {} _Range("Reveal Range", float) = 2 _RevealPoint("Point to reveal from", Vector) = (0, 0, 0, 0) } SubShader { // No culling or depth Cull Off ZWrite Off ZTest Always Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; v2f vert (appdata v) { v2f o; o.vertex = UnityObjectToClipPos(v.vertex); o.uv = v.uv; return o; } sampler2D _MainTex; float _Range; float4 _RevealPoint; fixed4 frag (v2f i) : SV_Target { fixed4 col = tex2D(_MainTex, i.uv); float distanceFromPoint = distance(i.vertex, _RevealPoint); //The following can be used to get a nice fade instead of hard edges. //float rangeFromPoint = saturate((_Range/distanceFromPoint)); //rangeFromPoint = 1 - pow(rangeFromPoint,8); //col = lerp(col, 0, rangeFromPoint); col = step(distanceFromPoint, _Range) * col; return col; } ENDCG } } }and the script to set the screen effect...
[ExecuteInEditMode] public class WorldCutoutScreenShader : MonoBehaviour { public float range; public Material material; public Transform revealObject; private Camera myCamera; // Creates a private material used to the effect void Awake () { material = new Material( Shader.Find("Hidden/WorldCutout") ); myCamera = GetComponent<Camera>(); } // Postprocess the image void OnRenderImage (RenderTexture source, RenderTexture destination) { material.SetVector("_RevealPoint", myCamera.WorldToScreenPoint(revealObject.position)); material.SetFloat("_Range", range); Graphics.Blit (source, destination, material); } }Now naturally this looks pretty bad! You can add fade to the effect which is a mild improvement or you can animate it! But that only really changes the "Reveal Circle". If you want nicely animating platforms like in GoNNER you'll need a more sophisticated solution which will probably be far off from this.
Also keep in mind that this simple solution will discard everything not in the range. Not too nice having most of your game screen black. You can use a number of ways to avoid that, the easiest being multiple cameras and rendering "always visible" things to a separate camera.
I'd probably look at some edge detection algorithm, and feed it your level geometry. It's no longer included in Unity by default, but you can find it on the asset store and it supposedly still works. That + bloom + sorting your cameras could look quite nice!
What I do like is the half a second delay before it goes away.
https://deon-smit.itch.io/effect-test
Going to see if I cant find a shader that can show edges on 2d Sprites and somehow using what
@Gnoblar_agency showed.
using System.Collections; using System.Collections.Generic; using UnityEngine; public class dark_seth : MonoBehaviour { public Transform ObjectsParent; public Transform PlayerObject; public float TargetDistance = 2.0f; private MeshFilter[] objects; private const int HowManyToCheck = 2; private float[] cooldowns; // Use this for initialization void Start () { this.objects = ObjectsParent.GetComponentsInChildren<MeshFilter>(); this.cooldowns = new float[this.objects.Length]; } // Update is called once per frame void Update () { Vector3 pos = Camera.main.ScreenToWorldPoint(new Vector3(Input.mousePosition.x, Input.mousePosition.y, 0)); pos.z = 0; this.PlayerObject.position = pos; for (int i = 0; i < this.objects.Length; i++) { this.cooldowns[i] -= Time.deltaTime; if (this.cooldowns[i] > 0) continue; bool hit = false; for (int c = 0; c < HowManyToCheck; c++) { Vector3 vertice = this.objects[i].mesh.vertices[Random.Range(0, this.objects[i].mesh.vertices.Length)]; vertice += this.objects[i].gameObject.transform.position; if (Vector3.Distance(this.PlayerObject.position, vertice) < this.TargetDistance) { hit = true; break; } } this.objects[i].gameObject.SetActive(hit); if (hit) this.cooldowns[i] = 1.0f; } } }Then When player is close to each fragment it gets activated. When het gets out of range the fragment get disabled after 1 second. This is a start, not exactly what I want but a start.
Knowing Ditto personally, I doubt he actually used a shader :P. He's quite the punk programmer - he probably doing individual objects with animations. So that's impressive that you got it working in one!
Do you feel like writing a bit more about the "real-time fracture of a 2d Sprite" stuff? \:D/
So I played around with this till early hours.. So what I got now is.... (Some prototype thing with no textures )
A field of View that revealed objects to 20 Alpha of its color. It also activates the RED blocks ,an area reveal objects that permanently reveals objects but not yet the backdrop. This Field of view gives a mask to the shader of the backdrop hiding the rest.
The area around the player is still based on what I showed in the previous gif.
Like you know a made a post Rage Quit which was a hard clone of other game. Now like @critic said I feel that I have a base for some sort of game. What game.... I DON'T KNOW yet..... Ideas is welcome.
Maybe the player has 2 forms. Ghost and human. Ghost has aura reveal around it. Player has a flash light.
Regards