VRChat 마이너 갤러리 저장소

제 목
강좌/정보 강좌,스압) 파티클팬 + 스네일마커 이모트로 번갈아가며 쓰기
글쓴이
zetyx
추천
32
댓글
31
원본 글 주소
https://gall.dcinside.com/vr/47127
  • 2018-09-03 01:34:12
							


0. 먼저 파티클 팬과 스네일 마커를 다운로드 합니다.


- 파티클 팬: https://t.co/1LWf7IxUZu

출처 (https://twitter.com/amesake_san/status/1021359087026491393)


- 스네일 마커 : https://github.com/theepicsnail/Marker

Clone or download 를 눌러서 zip 으로 받고 풀어서 프로젝트 폴더로 끌어오면 됩니다.


1. 압축을 풀고 유니티 프로젝트 폴더로 가지고 옵니다.

스샷과 같은 형태의 느낌이 되면 좋습니다.




2. Hierarchy 에서 왼손과 오른손을 찾아서 같이 선택합니다.

필자의 아바타는 이름이 LeftHand , RightHand 입니다만 몇몇 아바타들은 이름이 wrist 거나 다를 수 있습니다.




3. 왼손과 오른손이 선택된 상태에서 Inspector 의 Add Component 를 클릭, Rigidbody 를 추가합니다.




4. Rigidbody 컴포넌트의 속성값을 다음과 같이 설정합니다.

1) Angular Drag 를 0으로 설정

2) Use Gravity 체크 해제




5. 왼손만 선택하시고, 오른쪽 클릭 후 Create Empty 를 눌러 GameObject 를 생성합니다.




6. 생성된 GameObject 를 ParticleSpace 로 이름을 변경합니다.

(선택된 상태에서 F2키를 누르거나, 오른쪽 클릭 메뉴에서 Rename 으로 가능)




7. 이번에는 오른손 검지만 선택해서 똑같은 방법으로 GameObject 를 2번 만들고, 각각 ParticlePen 과 SnailMarker 로 이름을 바꿔줍니다.

이 부분은 아바타마다 다를 수 있는데, 보통 검지 손가락 가장 마지막 본 하위에 만들어 주면 됩니다.




8. ParticlePen 과 SnailMarker 를 같이 선택하고, 검지손가락 끝에 위치하도록 잘 조정합니다.

(이 부분에서 펜이 나오기 때문에 거슬리지 않으려면 잘 옴기십쇼ㅎ)




9. SnailMarker 를 선택하고, Inspector 의 Add Component 를 클릭, Trail Renderer 를 추가합니다.




10. SnailMarker 에 추가 된 Trail Render 컴포넌트의 속성을 설정합니다. 잘 아시는 분이라면 취향에 맞게 조절하세용.

1) remove_style_tag>



11. 이번에는 ParticleSpace 와 ParticlePen 을 같이 선택합니다.




12. ParticleSpace 와 ParticlePen 이 선택된 상태에서 Inspector 의 Add Component 를 클릭, Fixed Joint 를 추가합니다.




13. Fixed Joint 를 추가하면 Rigidbody 도 같이 따라올텐데, 아까처럼 Angular Drag 를 0으로, Use Gravity 를 체크 해제합니다.




14. ParticleSpace 만 선택하고 Fixed Joint 의 Connected Body 를 왼손으로 설정합니다.




15. 마찬가지로 ParticlePen 만 선택하고 Fixed Joint 의 Connected Body 를 오른손으로 설정합니다.




16. ParticleSpace 와 ParticlePen 을 선택하고 아바타의 바로 하위에 위치하도록 옮겨줍니다.




17. 다시 ParticleSpace 와 ParticlePen 을 선택하고 Inspector 에서 Rotation 을 (0, 0, 0) 으로 Scale 을 (1, 1, 1) 로 설정합니다.




18. ParticlePen 하위에 GameObject 를 만들어주고 Holder 로 이름을 바꿔줍니다.




19. Project 탭에서 맨첨에 넣어준 파티클 팬 (AM_ParticlePen) 폴더에 Particle System 프리팹을 Holder 하위에 넣어줍니다.




20. Particle System 을 선택하고 Inspector 에서 속성을 설정합니다. 물론 취향에 맞게 알아서 잘 하세용.

1) Particle System 이름 옆에 체크박스 해제 (Is Active)

2) Start Size 를 0.01 로 설정

3) 원하는 색 적절하게 선택

4) Custom Simulation Space 를 ParticleSpace 로 설정

5) remove_style_tag;">



21. Project 탭에서 Animator Override Controller 를 추가해주고, 적절하게 네이밍을 합니다.

필자의 경우 Overrides 로 했습니다. 이미 사용 중인 오버라이드가 있다면 적절하게 스킵하셔도 됨..




22. 21)에서 만들었던 걸로 선택하고, Inspector 에서 Controller 를 AvatarControllerTemplate 로 설정합니다.




23. 아바타를 선택하고 아래와 같이 속성을 설정합니다.

1) Animator 의 Controller 를 AvatarControllerTemplate 로 설정

2) Custom Standing Anims 를 21)에서 만들었던 걸로 설정

3) Custom Sitting Anims 도 마찬가지로 설정




24. 이제 애니메이션을 만들 차례입니다. 본 강좌는 아래를 기준으로 했습니다.

- 파티클 팬 : Fingerpoint 로 그리고, Handopen 으로 그림을 유지

- 스네일 마커 : Fingerpoint 로 그리고, Handopen 으로 지움







25. 폴더 두 개를 만들어줍니다. 각각 Animations , Emotes 로 만듭니다.




26. 애니메이션을 아래와 같이 만들어 둡니다.

1) Animation 폴더에 FINGERPOINT@Me, HANDOPEN@Me

2) Emotes 폴더에 @, @ParticlePen, @SnailMarker, ParticlePen, SnailMarker




27. @ParticlePen, @SnailMarker 제외하고 모두 선택하셔서 아바타에 드래그 앤 드롭 합니다.




28. 아바타를 선택하고 CTRL+D 를 눌러 애니메이션용 더미 아바타를 만듭니다.




29. 원본 아바타를 선택하고 이름 옆에 체크박스를 해제합니다. (Is Active)




30.

1) 더미 아바타를 선택하고 Animation 탭에서 IDLE (Read-Only) 를 선택

2) Animator.Left Hand.Index.1 Stretched 부터 Animator.Left Hand.Thumb.Spread 까지 선택 후 복사 (CTRL+C)

3) Animation 탭에서 FINGERPOINT@Me 를 선택하고 붙여넣기 (CTRL+V)

4) 다시 IDLE (Read-Only) 로 가서 Animator.Right Hand.Index.1 Stretched 부터 Animator.Right Hand.Thumb.Spread 까지 선택 후 복사 (CTRL+C)

5) 다시 FINGERPOINT@Me 로 가서 붙여넣기 (CTRL+V)

6) 0:02의 키프레임을 쭉 선택해서 삭제









31. 이제 FINGERPOINT@Me 의 프로퍼티를 적절하게 수정해서 손을 활짝 편 포즈로 잡아줍니다. 대충 stretched는 1, spread는 0으로 하면 손을 펼친 모양이 됩니다.




32. 이걸 전체 선택 (CTRL+A) 하고 복사해서 HANDOPEN@Me 에 붙여넣기 (CTRL+V) 합니다.




33. 다시 FINGERPOINT@Me 로 돌아와서 누굴 가리키는 포즈로 잡아줍니다. 검지(Index)를 제외하고 stretched를 -1로 해주면 될 듯.

(먼가 어색한거 같지만 이 부분은 알아서 잘 설정하십쇼ㅎ)




34. Animation 탭에서 FINGERPOINT@Me 가 선택된 상태로 작업을 합니다.

1) Add Property 를 눌러서 ParticlePen - Holder - Particle System - Transform - remove_style_tag>



35. 추가된 포지션 왼쪽에 삼각형을 누르면 펼쳐지는데 SnailMarker 의 Z 값을 0 으로, Particle System 의 Y 값을 0 으로 설정합니다.




36. 0:02 지점을 마우스로 클릭하면 빨간 막대가 옮겨질텐데 그 상태에서 add keyframe 버튼을 눌러서 키프레임을 추가합니다.


* 0:00, 0:02 두 개만 남기고 나머지는 없어야 합니다. 특히 1:00 에 자동으로 생기는 경우가 있는데 삭제하시면 됩니다.




37. 마찬가지로 Animation 탭에서 HANDOPEN@Me 를 선택해서 아까와 같은 경로로 찾아 들어가서 프로퍼티를 추가합니다.

1) Particle System - Is Active 추가

2) SnailMarker - Trail Renderer - Time 추가




38.

1) Particle System 의 Is Active를 체크

2) SnailMarker 의 Trail Renderer.Time 을 0 으로 설정

* Trail Renderer.Time 을 0 으로 설정하면 여태 그렸던 것들을 지우는 효과를 냅니다만,

거울 속에 그려진 내용은 그려진 시점으로부터 트레일 렌더러에 설정된 Time 이후에 지워집니다.




39. 36)과 똑같이 0:02 에 키프레임을 추가합니다.




40. 이제 이모트용 애니메이션을 만들어줄 차례 입니다.

1) 만들었던 더미 아바타를 하이어라키에서 삭제

2) 원본 아바타에 GameObject 를 만들어서 Emotes 로 이름 변경

3) 그 하위에 GameObject 를 두 개 더 만들고 각각 @SnailMarker 와 @ParticlePen 로 이름 변경




41.

1) @SnailMarker 와 @ParticlePen 을 동시에 선택합니다.

2) Inspector 에서 Add Component 로 Animation Component 추가

2) @SnailMarker 만 선택, Inspector 에서 Animation Component 좌측 체크박스 해제, Animation 을 @SnailMarker 로 설정

3) 마찬가지로 @ParticleMarker 도 체크풀고, @ParticlePen 으로 설정




42. 다시 더미 아바타를 만들고, 더미 아바타를 선택, Animation 탭에서 @ 를 선택합니다.




43. 마찬가지로 Add Property 로 작업을 합니다.

1) SnailMarker - Is Active 추가

2) ParticlePen - Holder - Is Active 추가

3) 1:00 에 키프레임이 자동 생성되는데 이건 삭제합니다.

4) 프로퍼티를 전체 선택 (CTRL+A) 해서 복사 (CTRL+C)

5) Project 탭에서 아까 만들었던 Emotes 폴더에 @ParticlePen 랑 @SnailMarker 를 각각 선택하고 붙여넣기 (CTRL+V)

* 이거는 Animation 탭에서 선택이 안됩니다. 아바타 오버라이드에 넣지 않았기 때문이고, 넣으면 오류가 발생하므로 안됩니다.

* Project 탭에서 파일을 선택하시거나, 더블클릭하시면 Animation 탭에 열립니다.

6) @ParticlePen 애니메이션을 열고, SnailMarker 의 Is Active 를 0 으로 하고, 0:01 에 키프레임 생성

7) 마찬가지로 @SnailMarker 애니메이션을 열고, Holder 의 Is Active 를 0 으로 하고, 0:01 에 키프레임 생성

8) 한번 더 1:00 에 애니메이션이 자동으로 추가된게 없는지 확인하세용.. 있다면 삭제




44. 이제 패스(Path) 설정을 해야합니다..

기존 설정했던 애니메이션들은 아바타 기준으로 패스가 설정 되어있고,

현재 작업했던 애니메이션 컴포넌트는 그 하위에 존재하기 때문에 이를 올바르게 맞춰줄 필요가 있읍니다. 안그럼 작동 안함요ㅋ


1) @ParticlePen 애니메이션을 열고, 각각 프로퍼티를 선택해서 F2키를 누르고 패스 편집을 합니다.

2) Home키를 눌러서, 커서를 텍스트의 처음으로 설정하고 ../../ 를 맨 앞에 적어주고 엔터

3) @SnailMaker 에도 똑같이 합니다.


* 현재 따로 작업중인 애니메이션 컴포넌트는 아바타 하위의 Emote/@ParticlePen 등등에 있기 때문에 2단계 아래인 만큼 상위로 올려주기 위해 ../../ 를 추가했습니당.

컴에 관심이 좀 있으신분들은 unix directory structure 를 생각하시면 쉽게 이해가 되실 듯?




45.

1) Project 탭에서 @ParticlePen 과 @SnailMarker 를 같이 선택

2) Inspector 에서 우측 끝 작은 메뉴를 눌러 Debug 로 전환

3) Legacy 체크, Wrap Mode 를 Loop 로 선택

4) 다시 Normal 로 전환합니다.




46. 후어... 이제 이모트만 해주면 끝임니다.

1) 더미 아바타 선택하시고 Animation창에서 IDLE (Read-Only) 선택

2) 전체 선택 (CTRL+A) 하셔서 복사 (CTRL+C)

3) Animation 창에서 ParticlePen 선택 후 붙여넣기 (CTRL+V) 하고 0:01 을 쭉 땡겨서 0:10 으로 옮깁니다.

4) Add Property 로 Emotes - @ParticlePen - Animation - Enabled 추가를 하고, 0:00 과 0:10 둘 다 체크

5) ParticlePen 애니메이션의 프로퍼티를 전체 선택 (CTRL+A) 해서 복사 (CTRL+C)

6) Animation 창에서 SnailMarker 선택 하고 붙여넣기 (CTRL+V)

7) 마지막에 넣었던 Enabled 프로퍼티를 선택하고 F2를 눌러서 끝에 @ParticlePen 을 지우고 @SnailMarker 로 적어줍니다.

물론 지우고 방금 했던대로 @SnailMarker 를 찾아가서 똑같이 하셔두 되나 이게 더 빠르므로 이렇게 했읍니다ㅎ




((ParticlePen 작업 내용을 전체선택 복사해서 Snail Marker 에 붙여넣기))




47. 이제 21)에서 만들었던 오버라이드에 적절하게 넣어줍니다.




48. 더미 아바타를 삭제하고, 원본 아바타 이름 옆에 체크박스를 체크합니다.




49. 이제 재생버튼 함 눌렀따가 풀어주고, Build & Publish ㄱㄱ




50. 기본 상태는 파티클 펜이고, 이모트에서 서로 전환이 가능합니다.




이미 다른 훌륭하신 분들이 강좌 글을 많이 써주셨으나, 좀 더 꼼꼼하게 적어봤읍니다.

하벤하이드 이모트 시간 저렇게 짧아도 문제엄슴? - dc App 2018.09.03 01:36:17
치요키 개추 - dc App 2018.09.03 01:38:37
zetyx ㄴㄴ 이거 말고도 물체 넣고빼기나 이것 저것에 써봤는데 문제는 음섰음니다 2018.09.03 01:44:36
뭐야 그냥추 글이 엄청 길어 다 못읽엇지만..나중 vr사면 읽어서 해결하겟엉 ㅎ 121.168 2018.09.03 01:45:01
하벤하이드 프레임 줄여야겠당 ㄱㅅㄱㅅ - dc App 2018.09.03 01:45:46
ㅇㅇ 3줄요약좀 211.226 2018.09.03 01:54:38
꿀뚤 난 이걸감당할수가없어;.. 2018.09.03 02:16:59
아이리네 뭔가 자세하게 적혀있네 집에가서 해봐야징 2018.09.03 02:27:02
타나토스시스템 굿 - dc App 2018.09.03 02:33:03
zetyx 한줄 요약 : 기존 방법으로는 애니메이션 대상이 되는 오브젝트를 항상 하위에 중첩해서 넣었어야 하는건데, 이 방법으로는 어디에 넣던 조작이 가능~~ 개꿀 2018.09.03 02:39:39
ㅇㅇ 상세한 강좌 개추 61.255 2018.09.03 02:45:19
검은연 왜 다 엑박이여 2018.09.03 02:52:53
검은연 그보다 .44 번항목에 ../ ../ path 부분이 정말 되게 ~~ 관심가는데 2018.09.03 02:59:46
검은연 이거쓰면 하위 애니메이션 컴퍼넌트에서 상위에 있는 오브젝트 한테도 관여 할수있다는거지 ? 2018.09.03 03:00:21
Wolfs 정말 멋진걸 2018.09.03 03:06:01
검은연 아니다. 그게 아니구나 ,, 2018.09.03 03:12:52
zetyx 으어 imgur 써글... 액박뜨넹 https://zetyximg.blogspot.com/2018/09/0.html 여기로 글 옮김 2018.09.03 03:41:07
zetyx ㄴㄴ path로 하위에서 상위로 접근 가능가능 2018.09.03 03:42:51
ㅇㅇ 어려웡 - dc App 113.192 2018.09.03 04:11:01
ㅇㅇ 읽지는 않앗지만 좋은글같으니 추천드립니다 121.136 2018.09.03 05:51:28
Yuin 이거좋네 해봐야겠다 ㄱㅅㄱㅅ 2018.09.03 06:02:38
가사이_유노 2018.09.03 06:10:23
검은연 흠... 하위에서 상위로 접근하니까 오브젝트 활성화 비활성화를 뭐 할수가 없는데..? 2018.09.03 08:03:49
검은연 오브젝트1 , 오브젝트 2 / 하위 오브젝트 이런구조에서 하위오브젝트에 애니메이션을 넣어 오브젝트2를 끼고 켰다가 안됨 2018.09.03 08:04:46
검은연 아니다. path 수정을 하위옵젝에서 수정하는게 아니라 오브젝트1에서 수정하고, 바로 레거시 루프 박아버리고 하위 옵젝에 적용하니 된다,, 2018.09.03 08:57:34
검은연 크 존나 고맙다,, 우연히 누른 글인데 덕분에 지금까지 고민하고 있던 다른 문제 싹 해결함. ㅠㅠ 2018.09.03 08:58:11
zetyx ㄴ 상위에서 꺼진 오브젝트는 하위도 다 꺼지기 때문에 암것도 안됨 2018.09.03 09:12:19
검은연 ㄴㄴ,, 그거 말고, 상위오브젝트의 동격 오브젝트 끄기 2018.09.03 09:55:53
zetyx ㄴ 기본적으로 path는 하위오브젝트 기준이라 만약 A,B,C가 같은 레벨에 있다면 A가 B를 끄려면 A에 애니메이터 박고 애니메이션 경로를 ../B Is Active로 하면됨 2018.09.03 15:25:51
ㅇㅇ 프로퍼티가 뭐야 손가락 펴는데서 막혔당.. 124.51 2019.04.27 22:49:00
ㅇㅇ 4. Animation 탭에서 FINGERPOINT@Me 가 선택된 상태로 작업을 합니다. 1) Add Property 를 눌러서 ParticlePen - Holder - Particle System - Transform - remove_style_tag> 에서 remove_style_tag 가 안뜨는데 뭘 빼먹은걸까 124.51 2019.04.27 23:13:54
번호 분류 제목 글쓴이 날짜 추천
47255 일반 이 스펙으로 던전솔플가능하냐?? 3 러닝머신러닝 2018-09-03 1
47254 일반 인간적으로 야한 짤 안올리면 안되냐 1 초보자아 2018-09-03 0
47253 일반 혹시 저녁에 던전가는사람잇냐? 1 댕타 2018-09-03 0
47252 일반 아니 스팀에서 쉬프트 누르면서 실행해서 설정 들어가는거 말고 1 NZEL 2018-09-03 0
47251 일반 그래서 태보방 언제 오픈함 초보자아 2018-09-03 0
47250 일반 던전 다들 어캐가는거야?? 나도 좀 알려줘 6 ㅇㅇ 121.139 2018-09-03 0
47248 일반 않이.. 트래킹 이야기 나오면 갤럼들 100이면 100 풀트래킹 권장하네 9 린코 2018-09-03 0
47247 일반 어제 여자여왕벌 봤는데 극혐이었어 4 ㅇㅇ 58.239 2018-09-03 0
47246 일반 솔직히 이딴겜 왜하는지 이해가 안됨 ㅋㅋ 3 ㅇㅇㅇ 223.39 2018-09-03 0
47245 일반 엉아들 던전월드 질문좀.. 4 ㅇㅇ 119.67 2018-09-03 0
47244 일반 VR 트래커 유저들 겨울에 추울걱정 안해도되지않음? 1 뉴릴 2018-09-03 0
47243 일반 인사해주는데 쪽팔려서 대화못하겠음 1 누누 180.69 2018-09-03 0
47242 일반 저댄영상 찾아보다가 내가 여태 동작을 이상하게 했다는걸 꺠달았다 4 엘에르엘 2018-09-03 0
47241 일반 돈없어서 흑우짓못함 ㅇㅇ 39.7 2018-09-03 0
47240 일반 이거 내가 할 수는 있을까 5 빅huge맨 2018-09-03 0
47239 일반 오늘은 댄스방 보다는 친구들 있는데 조인 타야지 1 아이리네 2018-09-03 0
47238 일반 레이쨩이 누구임? 4 누누 180.69 2018-09-03 1
47237 일반 대체 DP가 얼마나 좋은거길래 날 괴롭히는건가 나무위키 검색해봤다 2 린코 2018-09-03 0
47236 일반 버블릭방 안가서 너무 좋다 2 비드 117.111 2018-09-03 0
47235 일반 방에 침대 치우고싶은데 5 Shinbi 2018-09-03 0
47234 일반 Star VR 아는사람? 8 HisaCat 2018-09-03 0
47233 일반 다들 회사 생활 위로해줘서 정말 고마운데... 8 초보자아 2018-09-03 0
47232 일반 바이브 나만 불편하냐 2 ㅇㅇ 223.39 2018-09-03 0
47231 일반 빨리 이모트로 아바타 애니메이션 변경하는 상세 강좌 올라오면 좋겠다.. Raimiz 2018-09-03 0
47229 일반 아니 근데 말은 걸어주는데 영어라 어떻함 5 갓쿠라트 2018-09-03 0
47228 일반 오해하는게 있는데 우리팀은 던전 1등경쟁할라고 한게아님 11 100병원 39.7 2018-09-03 2
47227 일반 근데 컨트롤러랑 무선 이어폰이랑 컴한대로 사용가능? 1 링고베리 2018-09-03 0
47226 일반 아니 근데 모르는사람한테 어떻게말해 4 갓쿠라트 2018-09-03 0
47225 일반 이새기들 어떻게 영어대화하냐? 4 갓쿠라트 2018-09-03 0
47223 일반 던전 빨리하고싶다 1 ㅇㅇ 175.223 2018-09-03 0
47222 일반 격투기방은 없냐? 2 누누 180.69 2018-09-03 0
47221 일반 니들 VR끼고 그렇게 행동하면ㅋㅋㅋ 자괴감 안드 6 러닝머신러닝 2018-09-03 16
47220 일반 얼른 퇴근하고 현실로 돌아가고싶다 린코 2018-09-03 0
47219 일반 겨울되면 예상되는 시나리오 11 카디아. 2018-09-03 0
47218 일반 디시가 참 여러모로 해롭구나 1 ㅇㅇ 115.22 2018-09-03 0
47217 일반 빨리 날씨 추워져야 풀트래킹할텐데 1 러닝머신러닝 2018-09-03 1
47216 일반 감자칩 먹는 페럿? 족제비?아바타 어딧음? 1 ㅇㅇ 121.188 2018-09-03 0
47215 일반 키넥트 살 흑우있니 7 CHJ. 2018-09-03 0
47214 일반 화면 암전하는 셰이더 이름 몬지 아는사람? 1 ㅇㅇ 59.31 2018-09-03 0
47212 일반 그 무선킷 wigig카드 보조전원 먹어? 3 ㅇㅇ 106.249 2018-09-03 0
념글 삭제글 갤러리 랭킹