[Unity] Canvas/UI 에 영상 넣는 방법 (Raw Image, Render Texture)

지난 게시글에서 plane, cube, sphere 에 영상 넣는 방법을 알아봤다면
이번에는 UI인 Canvas Image에 영상 넣는 방법을 함께 알아보도록 하겠습니다 :)

↓ 지난 게시글 ↓
https://yoonstone-games.tistory.com/39?category=798233

[Unity/유니티] 영상 넣는 방법 (알파값 있는 영상, 배경없는 영상)

 

1. 영상을 넣을 UI 생성

먼저 영상을 넣을 UI Image를 만들어야합니다
여기서 주의하실 점은 그냥 Image가 아닌 Raw Image를 사용하셔야 한다는 점입니다!

 

유니티를 열고 Hierarhcy에 우클릭 - UI - Raw Image를 선택해주세요

그리고 Raw Image의 크기와 위치를 원하시는 위치로 수정해주세요
저는 제가 준비한 영상 사이즈에 맞게 596x336 사이즈로 변경했습니다

2. Render Texture 만들기

https://docs.unity3d.com/kr/2019.4/Manual/class-RenderTexture.html

렌더 텍스처 - Unity 매뉴얼

▷ 렌더 텍스처에 관한 유니티 공식 문서입니다

 

프로젝트창 Assets에 우클릭 - Create - Render Texture를 클릭해주세요
이름은 굳이 바꾸지 않고 New Render Texture 그대로 사용하겠습니다
여러분들은 원하시는 이름으로 바꿔주세요!

렌더 텍스처의 Size도 영상의 사이즈에 맞게 조절해주세요
저는 596x336 사이즈로 조절했습니다!

그리고 아까 만든 Raw Image에 Texture 부분에
드래그로 넣어주세요

 

3. Video Player 만들기

Hierarchy에 우클릭 - Video - Video Player 를 선택해주시고
비디오 플레이어의 Transform을 Reset 하고 (선택사항),
Video Clip에 미리 준비해둔 영상을 드래그해서 넣어주시고,
Target Texture에 아까 만든 렌더 텍스처를 넣어주시면 끝입니다!

플레이해서 확인해보시면

잘 작동하는 모습입니다!
생각보다 Canvas에 영상을 넣을 일이 많기 때문에 잘 활용하시면 좋겠습니다 :)

---

유니티 UI / Canvas에 영상 넣는 방법은 여기까지입니다!
다음에는 이렇게 넣은 영상을 재생, 일시정지, 볼륨 조절하는 방법으로 다시 돌아오겠습니다
끝까지 읽어주셔서 감사합니다! 즐거운 개발되세요 😊

 

↓ 다음 게시물 ↓

https://yoonstone-games.tistory.com/88?category=798233

[Unity/C#] 영상 재생, 일시정지, 볼륨 조절 (Video Player)