'유니티'에 해당되는 글 46건

1. Spine2D의 MecaAnim(Animator)에서 <MeshRenderer> 컴퍼넌트를 빼옴
2. <MeshRenderer> 컴퍼넌트의 마테리얼들을 sharedMaterials로 가져옴
   • materials가 아니라 sharedMaterials를 사용하는 이유
     : 왜인지 모르겠지만 적용이 안되는 경우가 있음
     : 이쪽이 확실함
3. 해당 Shader를 상황에 맞게 변경
   • 기본 Shader : Spine/Skeleton
   • 기본 Outline Shader : Spine/Outline/Skeleton

    // :: 중복 방지
    private bool iOutline = false;
    public void ShowOutline(bool check)
    {
        // :: 중복 실행 방지
        if (iOutline == check)
            return;

        this.iOutline = check;

        // :: 메쉬 렌더러 확인
        var meshRenderer = this.Animator.GetComponent<MeshRenderer>();

        // :: 상황에 따라 쉐이더 변경
        foreach (var mat in meshRenderer.sharedMaterials)
        {
            if(check)
            {
                mat.shader = Shader.Find("Spine/Outline/Skeleton");
            } else
            {
                mat.shader = Shader.Find("Spine/Skeleton");
            }
        }
    }

진행과정

1. 알파 채널이 있는 불 이미지들(fireTest : 불 모양 / noise2 : 노이즈)을 준비해 프로젝트에 넣는다.

   fireTest.tga

   4.00MB

   noise2.png

   0.07MB

2. 3D > Quad 제작
3. 새 Standard Surface Shader 제작 및 수정

   1. Shader "Custom/Fire"
      {
          Properties
          {
              _MainTex("Albedo (RGB)", 2D) = "white" {} // :: 불 모양
              _MainTex2("Albedo (RGB)", 2D) = "white" {} // :: 흘러가는 불 기둥
          }
          SubShader
          {
              Tags { "RenderType"="Transparent" "Queue"="Transparent" } // :: 투명도 적용
              LOD 200
      
              CGPROGRAM
              #pragma surface surf Standard alpha:fade // :: 투명도 적용
      
              sampler2D _MainTex;
              sampler2D _MainTex2;
      
              struct Input
              {
                  float2 uv_MainTex;
                  float2 uv_MainTex2;
              };
      
              void surf (Input IN, inout SurfaceOutputStandard o)
              {
                  // :: 2번째의 노이즈를 우선 연산(-y 위로 올라가도록)
                  fixed4 c = tex2D (_MainTex2, float2(IN.uv_MainTex2.x, IN.uv_MainTex2.y - _Time.y));
                  
                  // :: cr <= c 텍스쳐(노이즈)의 의존도(투명도?)를 0.5(50%)로 낮춤
                  // :: 노이즈보다 불 모양을 우선시하라는 것으로 이해
                  float cr = c * 0.5; 
                  
                  // :: Saturate : 0 이하의 값을 0으로 1 이상의 값을 1로 즉, 이미지 한계 조정
                  fixed4 d = tex2D(_MainTex, saturate(IN.uv_MainTex + cr));
                  
                  // :: Emission : Light 영향을 적게
                  o.Emission = d.rgb; 
                  o.Alpha = d.a; // :: 투명도
              }
              ENDCG
          }
          FallBack "Diffuse"
      }

4. 새 Material 제작 후 Custom / Fire 쉐이더 적용
5. 각 불 모양의 이미지를 해당 Material에 넣는다.
   1. 첫번째 Albedo : 불 모양
   2. 두번째 Albedo : 노이즈
6. 완성

진행과정

1. 알파 채널이 있는 불 이미지들(fireTest : 불 모양 / 4_2 : 불 기둥 모양)을 준비해 프로젝트에 넣는다.

   fireTest.tga

   4.00MB

   4_2.tga

   0.25MB

2. 3D > Quad 제작
3. 새 Standard Surface Shader 제작 및 수정

   1. //
      // >> 흘러가는 형태의 불
      //
      Shader "Custom/Fire"
      {
          Properties
          {
              _MainTex("Albedo (RGB)", 2D) = "white" {} // :: 불 모양
              _MainTex2("Albedo (RGB)", 2D) = "white" {} // :: 흘러가는 불 기둥
          }
          SubShader
          {
              Tags { "RenderType"="Transparent" "Queue"="Transparent" } // :: 투명도 적용
              LOD 200
      
              CGPROGRAM
              #pragma surface surf Standard alpha:fade // :: 투명도 적용
      
              sampler2D _MainTex;
              sampler2D _MainTex2;
      
              struct Input
              {
                  float2 uv_MainTex;
                  float2 uv_MainTex2;
              };
      
              void surf (Input IN, inout SurfaceOutputStandard o)
              {
                  fixed4 c = tex2D (_MainTex, IN.uv_MainTex);
                  fixed4 d = tex2D (_MainTex2, float2(IN.uv_MainTex2.x, IN.uv_MainTex2.y - _Time.y)); // :: -y 위로 흘러가도록
                  // :: Emission : Light 영향을 적게
                  // :: c 텍스쳐와 d 텍스쳐를 곱해서 둘이 겹쳐져 흘러가는 것
                  o.Emission = c.rgb * d.rgb; 
                  o.Alpha = c.a * d.a; // :: 투명도
              }
              ENDCG
          }
          FallBack "Diffuse"
      }

4. 새 Material 제작 후 Custom / Fire 쉐이더 적용
5. 각 불 모양의 이미지를 해당 Material에 넣는다.
   1. 첫번째 Albedo : 불 모양
   2. 두번째 Albedo : 불 기둥
6. 완성