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
번호 분류 제목 글쓴이 날짜 추천
49688 일반 아쿠아봉봉이 그리좋음? 3 댕타 2018-09-11 0
49687 일반 님들은 트래커 발에는 어떠케부침? 7 Amiya 2018-09-11 0
49686 일반 고마워 얘들아 돈은있다 118.44 2018-09-11 0
49684 일반 무선킷 다좋아보이는데. ㅇㅇ 223.39 2018-09-11 0
49683 일반 친구들 대부분이 풀트래킹이라서 2 Luche 2018-09-11 1
49682 일반 우아아 그뉵방 빡세게 했더니 몸살낫어 1 ㅇㅇ 121.144 2018-09-11 0
49681 일반 이렇게 되어있거든? 2 돈은있다 118.44 2018-09-11 0
49680 일반 야 근데 바이브는 8 돈은있다 118.44 2018-09-11 0
49679 일반 여태까지 브얄챗으로 바뀐것들 2 Dochi 2018-09-11 1
49678 일반 쉐이더 포지 국내엔 기초부터 하는 강좌 없는건가 레밀리아스 2018-09-11 0
49677 일반 내가보는 외국인 븨얄하는애들은 왜캐다젊지 1 사요 2018-09-11 0
49676 일반 싱태명 어캐 설정하냐 2 q1 2018-09-11 0
49675 일반 필없는 아바타좀 삭제해야하는데 2 Luche 2018-09-11 0
49674 일반 금일 아침점호는 09시 30분, 09시 30분 연병장에서 있겠습니다. ㅇㅇ 1.248 2018-09-11 0
49673 일반 방에 2층침대가 두개라 존나좁은데 vr 뭐사야댐 3 ㅇㅇ 123.214 2018-09-11 0
49672 일반 지금까지 춘 춤중에 옆사람이랑 가장싱크맞는춤 4 댕타 2018-09-11 0
49670 일반 지금 뚜따한 아바타가 귀엽지 않다... 1 Dochi 2018-09-10 0
49669 일반 rtx 2080ti 가격실화냐 11 러닝머신러닝 2018-09-10 1
49668 일반 오늘은 춤 출수잇을까? 2 댕타 2018-09-10 0
49667 일반 요즘 댄스방 자동재생 나만 안되? 댕타 2018-09-10 0
49665 일반 유니티 프로젝트에서 fbx파일 바꿔치기 가능? 4 댕타 2018-09-10 0
49664 일반 아마존에 타사 제작한 바이브 스테이션 스탠드 쓸만? 1 ㅇㅇ 117.111 2018-09-10 0
49662 일반 또 죽었다. 1 500원딱풀 2018-09-10 0
49661 일반 러시아사람들은 귀여운 아바타 싫어한다는거 진짜야? 11 카디아. 2018-09-10 1
49660 일반 아 던전 너무 어렵다. 1 500원딱풀 2018-09-10 0
49658 일반 7:40 체조 사람 있었을랑가 3 으ㅡ음 2018-09-10 0
49657 일반 저런거 사서 쓰는사람 있구나 NAME_HORANG 2018-09-10 0
49656 일반 새 아바타 10 Cimomo 2018-09-10 13
49655 일반 으어 피건하다 하벤하이드 2018-09-10 0
49654 일반 혹시 네이버 비디오를 브알챗에서 끌어올수있으려나? 4 카디아. 2018-09-10 0
49652 일반 빨리 VR소프랜드가 전세계로 퍼져야만 빅huge맨 2018-09-10 0
49651 일반 목욕탕월드가 생겼던데 VR끼고 목욕 ㄱ? 5 포도초콜렛 2018-09-10 0
49650 일반 7:40 체조 ㅇㅇ 220.127 2018-09-10 0
49649 일반 엌ㅋㅋ세제냄새맡고 여자아이냄새라고 좋댄닼ㅋㅋ 12 빅huge맨 2018-09-10 5
49648 일반 신사충들 던전 돌긴하냐? 2 MANKALO 2018-09-10 0
49647 일반 하얀화면도 체조할수있는거임 ㅡㅡ 3 Huntere 2018-09-10 0
49646 일반 이모트로 기능 무한하게 늘리는법 알아냄 8 MANKALO 2018-09-10 5
49645 일반 와 이제 아침에 엄청 춥네 1 누누 180.69 2018-09-10 0
49643 일반 체조 재밌네 2 IRUOD 2018-09-10 0
49640 일반 와 럿씨아 친구가 디코로 말 걸어옴 ㄷㄷㄷ 2 카디아. 2018-09-10 0
념글 삭제글 갤러리 랭킹