티스토리

CatDarkGames. Game Dev Story

검색하기

블로그 홈

CatDarkGames. Game Dev Story

darkcatgame.tistory.com/m

Technical Artist dhwlgn12@gmail.com

구독자: 91

방명록 방문하기

주요 글 목록

Unity ShaderGraph Custom Function & Node 제작 가이드 개요Unity ShaderGraph에서 Custom Function & Custom Node 제작 방법을 설명합니다.Custom Function은 별도 hlsl 텍스트 파일을 참조하는 방식 기반으로 기본적인 네이밍 규칙 및 ShaderGraph와 연동 방법을 설명합니다.Custom Node은 내장 노드와 같이 별도 노드를 제작하는 방법을 설명합니다.*Unity 2022.3.38f1 기준 정보입니다. Custom Function HLSL 제작 및 연동ShaderGraph에서 Custom Function 노드 생성 후, hlsl 텍스트 파일을 참조 할 수 있습니다.Custom Function 노드에서 직접 셰이더 코드를 작성 할 수 있지만, 에디터에서 코드 작성하는 것이 편합니다. hlsl 코드 기본 구조.. 공감수 0 댓글수 0 2024. 10. 2.
URP 14 - SimplePostBlur 개요모바일 성능을 고려한 블러 포스트프로세싱입니다.다운 샘플링 방식으로 블러를 표현하여 GPU 성능을 최대한 사용하지 않습니다.마스킹 텍스처를 활용해 블러 영역 제어 가능합니다.Unity 2022.3.38f1 / URP 14.0.3 버전 기준으로 제작되었습니다.URP 14의 최신 RendererFeature API를 적극 활용했습니다.https://github.com/CatDarkGame/SimplePostBlur/tree/main?tab=readme-ov-file GitHub - CatDarkGame/SimplePostBlurContribute to CatDarkGame/SimplePostBlur development by creating an account on GitHub.github.com 사용.. 공감수 1 댓글수 0 2024. 7. 30.
URP ScreenSpaceDecal Shader Shader "CatDarkGame/ScreenSpaceDecal" { Properties { _BaseColor("Color", Color) = (1, 1, 1, 1) _BaseMap("Texture", 2D) = "white" {} } SubShader { Tags { "RenderType" = "Transparent" "Queue" = "Transparent-499" "DisableBatching" = "True" } Pass { Name "ScreenSpaceDecal" Tags {"LightMode" = "SRPDefaultUnlit"} Cull back ZWrite Off Blend SrcAlpha OneMinusSrcAlpha HLSLPROGRAM #pragma target 4.5 #prag.. 공감수 0 댓글수 0 2023. 7. 18.
LinearEyeDepth와 Linear01Depth LinearEyeDepth 이 함수는 카메라에서 픽셀까지의 거리를 선형 스케일로 반환합니다. 이 값은 월드 공간에서의 실제 거리를 나타내며, 일반적으로 뷰 공간에서의 Z 좌표로 해석됩니다. 이 함수는 깊이 정보를 실제 거리 값으로 사용해야 하는 경우에 유용합니다. 예를 들어, 포그(fog) 효과를 구현하거나, 깊이에 따라 물체의 색상을 변경하는 등의 작업에 사용될 수 있습니다. Linear01Depth 이 함수는 카메라에서 픽셀까지의 거리를 0과 1 사이의 값으로 정규화하여 반환합니다. 이 값은 카메라의 가까운 클리핑 평면(near clipping plane)에서 멀리 있는 클리핑 평면(far clipping plane)까지의 거리를 0과 1 사이로 나타냅니다. 이 함수는 깊이 정보를 비율이나 백분율로 .. 공감수 0 댓글수 0 2023. 7. 13.
Unity Triplanar Shader 분석 & StaticWorldPosition 응용 Triplanar 기본 구현 월드 포지션 2개 축을 조합해서 UV 좌표로 활용 할 수 있습니다. 아래는 예시입니다. Varyings vert(Attributes input) { Varyings output = (Varyings)0; float4 positionOS = input.positionOS; float3 positionWS = TransformObjectToWorld(positionOS.xyz); float4 positionCS = TransformWorldToHClip(positionWS); ... float4 frag(Varyings input) : SV_Target { float3 positionWS = input.positionWS; return float4(positionWS.xy + 0.. 공감수 0 댓글수 0 2023. 7. 10.
[URP] HLSL SoftParticles Shader Shader "CatDarkGame/SoftParticle" { Properties { [Header(Surface Options)] [Space(5)] [Enum(Additive,1,AlphaBlend,10)] _DstFactor("Blend Mode", float) = 10 [Enum(UnityEngine.Rendering.CullMode)] _Cull("Cull Mode", float) = 2 [Enum(Off,0,On,1)] _ZWrite("Z Write", float) = 0 [Enum(UnityEngine.Rendering.CompareFunction)] _ZTest("Z Test", float) = 4 [Space(5)] [Header(Surface Inputs)] [Space(5)] [Ma.. 공감수 0 댓글수 0 2023. 3. 7.
자동 UV타일링 쉐이더 Plane이나 Quad같은 오브젝트 크기를 늘리면 자동으로 텍스처 UV 타일링되는 쉐이더입니다. Shader "CatDarkGame/ScaleUVTiling" { Properties { _MainTex ("Texture", 2D) = "white" {} } SubShader { Tags { "RenderType" = "Opaque" "Queue"="Geometry" "RenderPipeline" = "UniversalPipeline" } Pass { Name "URPUnlit" Tags {"LightMode" = "SRPDefaultUnlit"} Cull back HLSLPROGRAM #include "Packages/com.unity.render-pipelines.universal/ShaderLibra.. 공감수 0 댓글수 1 2022. 11. 11.
유니티 빌보드 쉐이더 구현 & 분석 빌보드(Billboard)는 3D 오브젝트가 카메라를 바라보는 기술입니다. 일반적으로 유니티 파티클 시스템을 생성하면 나오는 오브젝트들이 기본적으로 빌보드로 되어 있습니다. 이번 포스팅은 Vertex 쉐이더를 기반으로 빌보드를 직접 구현 및 원리 분석에 대해 작성하겠습니다. 기본 hlsl 쉐이더 세팅 struct appdata { float4 positionOS : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float4 positionCS : SV_POSITION; float2 uv : TEXCOORD0; }; v2f vert(appdata v) { v2f o = (v2f)0; float4 positionOS = v.positionOS; float4 posit.. 공감수 1 댓글수 1 2022. 11. 4.
털(Fur) 쉐이더 R&D - 로스트아크에서 털 표현하는 방법 게임 엔진에서 털 표현하는 방법 - http://sorumi.xyz/posts/unity-fur-shader/ - https://github.com/hecomi/UnityFurURP 게임 엔진에서 털을 표현하는 방법은 크게 알파 패스를 여러번 겹쳐서 그리거나, 지오메트리 쉐이더나 테셀레이션을 활용해 털 폴리곤을 표현하는 방법이 있습니다. 하지만 위 자료 전부 드로우콜, 오버드로우 이슈 등 퍼포먼스가 어느정도 요구됩니다. 로스트아크에서 털 표현하는 방법 로스트아크에서 몇몇 객체의 털 표현하는 방법을 매우 가벼워보였습니다. 노이즈 형태의 알파 Cutout Pass를 하나 더 그려서 볼륨감을 표현하고, 밀도 높고 거친 노멀맵으로 털 표면을 표현한 것 처럼 보입니다. URP 환경에서 직접 구현해보기 1. 2Pa.. 공감수 1 댓글수 0 2022. 11. 1.
URP 반투명 굴절 구현(Transparent Grabpass) *개요 Unity 2021.2.4f1 기준 URP에서 기존 빌트인 처럼 쉐이더에서 Grabpass가 불가능해졌습니다. 그래서 아래 포스팅과 같이 렌더파이프라인에서 생성된 _CameraOpaqueTexture를 참조해서 Grabpass를 구현할 수 있습니다. https://chulin28ho.tistory.com/555 LWRP(URP) 에서 굴절(Refraction) 만들기 블로그 주인장에게 커피값을 후원할 수 있습니다! LWRP에서의 굴절은 간단한데 좀 피곤합니다 일단 문서 출처는 여기 https://forum.unity.com/threads/the-scriptable-render-pipeline-how-to-support-grabpass.5.. chulin28ho.tistory.com 하지만 URP .. 공감수 3 댓글수 3 2022. 3. 22.
[Tutorial] Hexagon Barrier 이 튜토리얼은 Unity 2019.3.0b 버전에서 작성됩니다. 이 쉐이더 이펙트는 위 5가지 기술로 구현이 됩니다, 튜토리얼에서는 위 기술들을 1개씩 소개하며 진행하겠습니다. 0. 헥사곤 패턴 리소스 제작 https://darkcatgame.tistory.com/82 헥사곤 패턴 구체 모델링 & 텍스처 생성 헥사곤 구체는 쉴드같은 sci-fi 효과를 표현할 때 사용합니다. 가장 쉬운방법으로 위 헥사곤 텍스처를 구체에다가 입히면 이상한 결과물이 나옵니다. 좌측이 일반 헥사곤 텍스처를 입힌 결과물이고, 우측이 이.. darkcatgame.tistory.com 해당 튜토리얼을 시작하기 전에 위 포스팅에서 헥사곤 패턴 구체 & 텍스처 제작을 먼저 해봅시다. 1. Transparent & Rim Light Un.. 공감수 1 댓글수 0 2020. 2. 14.
Vertex Fragment - Shadow Receive & Cast Shader "CatDarkGame/VFShadow" { Properties { _MainTex("Texture", 2D) = "white" {} _Color("Color", Color) = (1,1,1,1) } SubShader { Pass { Tags{"LightMode" = "ForwardBase" "Queue" = "Opaque" } CGPROGRAM #pragma vertex vert #pragma fragment frag #pragma multi_compile_fwdbase #include "UnityCG.cginc" #include "Lighting.cginc" #include "AutoLight.cginc" struct appdata { float4 vertex : POSITION; flo.. 공감수 0 댓글수 0 2020. 2. 12.
[Stencil] 3D 영정사진 Stencil_Write(Mask) Shader "Stencil/Sh_StencilWrite" { Properties { _Color("Color", Color) = (1,1,1,1) } SubShader { Tags { "RenderType"="Opaque" } LOD 100 Pass { Stencil { Ref 2 Comp Always Pass Replace } //Blend Zero One ZWrite Off CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; }; struct v2f { float4 vertex : SV_POSITION;.. 공감수 0 댓글수 0 2020. 2. 10.
Unity Normal Map 구현 & 분석 Normal(법선)이란? Normal이란 메쉬의 버텍스 방향 정보를 뜻합니다, 일반적으로 물체의 표면 방향을 의미합니다. 위와 같이 단순한 구체 모델은 Normal 방향이 정직하게 표면 방향을 향합니다. 하지만 위와 같이 울퉁불퉁한 모델을 렌더링하기 위해서는 수 많은 폴리곤이 존재해야 표현이 가능합니다. 그런데 Normal 방향이 필요한 이유는 빛을 어디로 반사하여 음영처리 될것인가가 핵심입니다. 즉 폴리곤이 필요한게 아니라 Normal 방향 정보가 필요한 것입니다. 그 Normal 방향 정보를 담는 데이터를 Normal Texture라고 합니다. Unity Vertex & Fragment Shader Source Shader "Unlit/Sh_NormalMap2" { Properties { _MainT.. 공감수 5 댓글수 6 2020. 2. 5.
Hexagon Barrier Shader "JH/FX/Sh_HexagonBarrier" { Properties { [HDR] _BaseColor("Base Color", Color) = (1,1,1,1) [HDR] _InnerSpecularColor("Inner Specular Color", Color) = (1,1,1,1) _InnerSpecularPow("Inner Specular Pow", float) = 30 _InnerSpecularMul("Inner Specular Mul", float) = 0.1 _BumpTex("Hex Normal Texture", 2D) = "bump" {} _FresnelPow("Fresnel Pow", float) = 2 _FresnelMul("Fresnel Mul", float) = 1 [HD.. 공감수 0 댓글수 1 2020. 1. 31.
[Unity Shader Effect] Cosmic Shader - ScreenPos UV 이번 포스팅은 ScreenPosUV를 응용한 쉐이더 이펙트입니다. ScreenPos는 일반적으로 메쉬의 UV정보를 사용하는 것이 아닌 스크린UV를 기반으로 텍셀값을 가져오는 방식으로 위와 같은 결과를 가져옵니다. 이를 이용해 코스믹 우주 쉐이더 이펙트를 만들었습니다. Shader "JH/Sh_ScreenPos" { Properties { _MainTex ("Main Texture", 2D) = "white" {} _BandTex("Band Texture", 2D) = "white" {} _FresnelMul("FresnelMul", float) = 1 _FresnelPow("FresnelPow", float) = 1 } SubShader { Tags { "RenderType" = "Opaque" } LO.. 공감수 0 댓글수 1 2020. 1. 8.
[Unity PostProcess] Depth Buffer & Depth of Field Depth Buffer. Z-Buffer라고도 하며 카메라 기준으로 픽셀의 깊이 정보를 뜻합니다, 위 사진은 해당 정보를 시각화 하여 출력한 결과입니다. Depth Buffer를 이용해 Soft Particle이나 Depth of Field효과 만들 수 있습니다. Depth Buffer 후처리 쉐이더 Shader "Hidden/PP_DepthBuffer" { Properties { _MainTex ("Texture", 2D) = "white" {} _DepthDistance("DepthDistance", float) = 25 } SubShader { Cull Off ZWrite Off ZTest Always Pass { CGPROGRAM #pragma vertex vert #pragma fragment .. 공감수 3 댓글수 0 2020. 1. 3.
[Unity PostProcess] Custom PostProcess 쉐이더 제작 & 적용 PostProcess는 한글로 후처리라고 하며 기본 렌더링 과정이 다 끝나고 UI렌더링 이전 까지의 렌더된 버퍼 데이터를 이용해 이펙트를 적용시키는 기술입니다. 유니티의 Postprocess v2 에셋을 이용해 기본 효과들을 사용할 수 있습니다. (Bloom, Color grading 등) 이번 포스팅에서 튜토리얼하는 것은 후처리 이펙트 쉐이더를 직접 작성해서 적용하는 법입니다. 예시로 흑백 후처리 쉐이더를 만들었습니다. 후처리 쉐이더 - 흑백화면 Shader "Hidden/PP_GrayScale" { Properties { _MainTex ("Texture", 2D) = "white" {} _Gray("Gray", Range(0,1)) = 1 } SubShader { Cull Off//! 컬링하지 않는.. 공감수 2 댓글수 0 2020. 1. 2.
Unity Shader Properties 응용 & multi_compile 쉐이더 작성시 Properties 인터페이스를 다양하게 응용할 수 있습니다. 마테리얼 이용자가 보기 편하게 구성하거나 [Enum] & multi_compile구문을 통해 사전 컴파일 기능을 만들 수 있습니다. (사전 컴파일 : 1개의 쉐이더 파일에서 여러 기능을 사용 할 수 있도록 런타임 전에 설정 할 수 있는 옵션) 위 기능을 이용해 블랜드 옵션을 설정하여 Additive나 Alpha Blended설정을 쉐이더 코드 수정없이 조정이 가능하게 만들수 있습니다. Shader "JH/Sh_Sample" { Properties { [Header(_______________________)] [Header(Texture)] _MainTex ("Texture", 2D) = "white" {} [Space(20)].. 공감수 1 댓글수 0 2019. 12. 29.
[Unity Shader Effect] Soft Particles Shader Shader "FX/SoftParticle" { Properties { _MainTex ("Texture", 2D) = "white" {} [Space(10)][Header(SoftParticle)] [Toggle] _USESOFTPARTICLES("Use Soft Particles", float) = 0 _SoftParticleFade("Soft Particles Fade", Range(0.01,3.0)) = 1.0 } SubShader { Tags { "Queue" = "Transparent" "IgnoreProjector" = "True" "RenderType" = "Transparent" } Blend SrcAlpha OneMinusSrcAlpha Cull Off Lighting Off ZWrit.. 공감수 0 댓글수 0 2019. 12. 28.
이펙트 쉐이더 3강 - 기술 응용 : 홀로그램 쉐이더 이펙트 쉐이더 3강 - 기술 응용 : 홀로그램 쉐이더 from Jihoo Oh 공감수 0 댓글수 0 2019. 12. 27.
이펙트 쉐이더 2강 - Alpha / Blending 이펙트 쉐이더 2강 - 알파 / 블랜딩 from Jihoo Oh 공감수 0 댓글수 0 2019. 12. 15.
이펙트 쉐이더 1강 - Shader 기초 개념 이펙트 쉐이더 1강 - Shader 기초 개념 from Jihoo Oh 공감수 1 댓글수 0 2019. 11. 30.
[Unity Shader] ShaderLab & Fixed Function Shader Shader Lab이란? Unity에서 작성하는 Shader는 기본적으로 ShaderLab이라는 Unity 자체 언어를 기반으로 만들어진다. Unity에서 쉐이더를 만드는 방식은 크게 3가지가 존재 한다. - 1. Fixed Function Shader 고정 랜더 파이프라인에서 작동하는 쉐이더로 구형 방식의 체계이며 Unity에서는 Shader Lab언어를 통해 작성이 가능하다. 반대로 HLSL이나 CG 등 흔히 쉐이더 스크립트라고 하는 언어들은 Programmable Render Pipeline에서 동작한다. - 2. Vertex & Fragment Shader 고정 랜더 파이프라인 방식이 아닌 우리가 흔히 쉐이더라 부르는 Programmable Render Pipeline에서 동작하는 쉐이더이다. 파.. 공감수 1 댓글수 0 2019. 5. 13.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.