유니티 - Custom Vertex Stream and Shadergraph/Amplify Shader



유니티 - Custom Vertex Stream and Shadergraph/Amplify Shader

금별 0 5,606 2019.12.29 23:02

 

 

 

Since few weeks, I saw many questions about ’ Custom Vertex Stream ’ (called CVS here) on Shuriken with Shadergraph/Amplify Shader

First, here a really good post about CVS by Mirza Beig where a lot of things are explains : http://www.mirzabeig.com/tutorials/intro-to-custom-particle-vertex-streams/ 102

I will only tacle how to link CVS and Shadergraph/Amplify Shader!

Here the shader we will use for Shadergraph:

 

Base_Shader


And here the shader we will use for Amplify Shader:

 

Base_Amplify

 

1: UV channel selector, the first important part in the shader
2: RGBA split component, the second important part!
The only difference between the two shadernode editors is the uv channel:
Shadergraph starts at 0
Amplify starts at 1

Let’s go to Shuriken now ! We add a new material with the shader we created in Shuriken renderer.
The setup is the simpliest as possible, only one particle and only the one ’ Custom Data ’ in CVS (we can’t delete the Position!)

 

Shuriken

 

1: Enable CVS and add a Custom1.xyzw data

 

Shuriken_1

 

2: Enable ’ Custom Data ’ module, set the Custom1 to Vector and 4 component

Custom1 is setup like that:
X : Start at 1 and decrease to 0 at midlife
Y : Start at 0 and at midlife go to 1
Z : Const 0
W : Const 0

And here the result you should have:

 

Result_1

 

Let’s describe a bit what happens!

 

Liens


CVS and Custom Data :

- It’s simple, the Custom1 in CVS is the Custom1 in Custom data. You can animate here the XYZW component with const, curve or color.
CVS and Shadergraph/Amplify :

- Near Custom1 in CVS, we can see Unity give us a tip on how to link that in Shadergraph/Amplify with (TEXCOORD0.xyzw). TEXCOORD is our UV channel and the 0 say it’s our first UV channel.
We can resume with this array

Array

 


But what if we have more data to send ? Our best friend become the number near TEXCOORD
Here a case :

 

many


In resume we have:

- TEXCOORDX = UV channel X for Shadergraph and UV channel X+1 for Amplify.
- XYZW = RGBA for Shadergraph and UVWT for Amplify
One particular thing we see with StableRandom.xyzw is the TEXCOORD2.yzw**|**x
Unity wants to say us ’ StableRandom.xyzw starts in TEXCOORD2.yzw and finishes in the next one,TEXCOORD3.x ’


And here we go! We can now make crazy SHEBAM ! POW ! BLOP ! WIIIZZ !
I hope this can help, forgive me my language mistakes, don’t hesitate to correct me to make this a bit clearer or add/remove/correct any informations!

 

 

 

 

 

Another User example

 

image

Using this feature you can make texture panning from curve x if you have UV output Z(W in amplify). It will be one curve for your Z value and panning. I don’t know where you can use it, but anyway…

image
or you can make random texture coordinates using StableRandom

image

Tangent need when you use normal map in the shader.
Put like on this comment if you found out about it for the first time

 

 

One simple way is setting your colors as HDR in shadergraph

 

image

 

and use AgePercent to Lerp between the color

 

image


The only counterpart is if you want 4 different colors over the particule life, you will have to declare 4 colors :


 

image

 

Here the result :

 

test

In few words, each smoothstep provide a [0-1] value to lerp between the different colors.
The smoothstep range is define by [1 / 3 (numberOfSmoothstep)]

- for the first one you have [0 => 0.33]
- the seconde one : [0.33 => 0.33 * 2]
- the last one : [0.33 * 2 => 0.33 * 3]

I hope it’s what you’re looking for in a way!
And here the shader for example (you can see the setup for shuriken in the gif). Sorry, i don’t know how to add commentary in shadergraph… and it’s look like it’s impossible for the moment!

 

https://drive.google.com/file/d/19oafzIyZIg3qzvszjFwKc0z7ZHYOiPUZ/view

 

If someone have a simplier solution to have HDR color over lifetime, you must speak! now! 

 

Comments


번호 포토 분류 제목 글쓴이 날짜 조회
745 유니티 유니티 앰플리파이 셰이더 - 2D 형태 Sci-fi 파티클 테이링 효과 예제 및 제작노드 금별 02.26 168
744 3D 3dsMax - 벌집모양의 쉴드형태 제작방법(AI한글자막) 금별 02.26 209
743 유니티 유니티 - 카툰풍 핵폭발 효과 제작과정(AI한글자막) 금별 02.26 451
742 언리얼4 언리얼5 - 8 Elements Pack에 들어가는 물효과 재현 과정(한글자막) 금별 02.23 182
741 3D 노말맵의 모든것(안콜3D) 금별 02.23 136
740 언리얼4 언리얼 - Frosted Glass 재질 제작방법 금별 02.21 157
739 언리얼4 언리얼 - 게임 이펙트 무엇이든 물어보세요(린반특강 2.20 오후7시30분) 금별 02.20 140
738 언리얼4 언리얼5 - 에너지 플래시 폭발 제작과정(한글자막) 금별 02.20 207
737 유니티 유니티 셰이더 그래프 - 간단한 지형스캔 효과 제작방법(한글자막) 금별 02.20 172
736 언리얼4 언리얼 - 카메라 거리에 따른 머트리얼 효과 예제(한글자막) 금별 02.19 202
735 언리얼4 언리얼 - 게임 이펙트 포트폴리오 제작 주의사항 및 실시간피드백,소통 라이브 금별 02.15 187
734 유니티 유니티 앰플라파이 셰이더 - 입체적 카드 효과 제작과정 금별 02.14 481
733 언리얼4 플랜 메시를 활용한 패닝이펙트 예제 금별 02.12 259
732 유니티 유니티 셰이더 그래프 - 2D 카툰풍 구체아우라 확산효과 제작과정 금별 02.07 433
731 언리얼4 언리얼5 - 커스텀 경로를 따라 나이아가라 플루이드 애니메이션화하는법(한글자막) 금별 02.07 226
730 언리얼4 언리얼5 - 언리얼 플루이드 리퀴드 시뮬레이션 제작과정(한글자막) 금별 02.07 204
729 2D 섭스턴스 디자인 - 화염 링텍스 제작과정(한글자막) 금별 02.07 233
728 2D 섭스턴스 디자인- 캠프파이어 불 텍스쳐시트 간단 제작예제 금별 02.06 197
727 언리얼4 언리얼 - SkyAtmosphereImage노드 간단설명 금별 02.06 222
726 언리얼4 언리얼 - 스페이스 포털 제작과정(중국어/AI한글자막) 금별 02.06 205
725 언리얼4 언리얼 - 오디오 비주얼라이제이션 제작노드 간단예제 금별 02.06 122
724 언리얼4 언리얼 - 언리얼 나나이트 기본 개념 정리 금별 02.03 274

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand