Unity+Vuforia로 아날로그 α 애니메이션 재생

개시하다



AR이 소환한 가키와 연애 댄스!!
저는 유닛에서 Vuforia와 Gakki로 연애춤을 추고 싶어요.
크리스마스이브가 걸려서 하는 거니까 기록하고 싶어요.
그나저나 나는 도망친 수치스러운 시청각 경험이 없다.

필요한 물건

  • AdobeAfterEffects(또는 알파채널 애니메이션을 제작할 수 있는 소프트웨어)
  • Unity
  • Vuforia
  • 절차.

  • AR로 표시할 애니메이션의 배경을 Adobe After Effects로 채우기
  • 채워진 운동 이미지를 ovg 파일로 변환
  • 변환된 애니메이션을 Unity에 붙여 개체에 재생성
  • 대상의 무늬에 음영을 적용하고 배경을 투과 처리
  • AR
  • 을 객체당 Vuforia로 표시

    AfterEffects를 사용하여 애니메이션 잘라내기


    먼저 사용하려는 애니메이션의 배경을 삭제합니다.
    배경만 남기고 AR로 애니메이션을 틀면 쉬워요.
    쓰고 싶은 곳만 잘라서 쓰는 게 이상적이죠.
    만약 AfterEffects의 마우스 브러시 기능을 사용한다면
    간단하게 잘라낼 수 있어요.
    사용하고 싶은 애니메이션을 넣고 로토 브러시를 선택하세요.
    이것 은 차곡차곡 잘라내는 작업 이다
    어느 정도 날 따라다녔지만 난 너무 귀찮아서 처음 15초 만에 포기했어.
    참고 영상: [After Effects] 브러시로 인물 추출
    https://www.youtube.com/watch?v=AqpxQGobpQs
    이후 색도 키의 요령으로 배경을 투과 처리한다
    잘라낸 배경은 초록색이나 애니메이션에서 사용하지 않는 색이 가장 좋다.

    시작은mp4로 하면 돼요.
    알파 채널이 있는 영상으로 써주세요.
    유니티에서 알파벳으로 재생이 됐으면 좋겠는데 안 될 것 같은데...
    그래서 녹색 같은 것은 유니티 방면에서 투과 처리를 한다.
    참고로 자신이 준비한 리얼리티 애니메이션을 사용하면 방송국처럼 녹색 배경으로
    촬영할 것이 준비되면 이 부근의 절차를 삭제하거나 쉽게 완성할 수 있다.

    Unity에서 애니메이션 재생


    통과된 비디오를 Unity에 올리기 전에
    MP4 애니메이션이라 재생할 수 없습니다.ovg 파일로 변환합니다.
    소프트웨어를 다운로드할 수 있지만 온라인 변환기를 사용하면 쉽다.
    https://convertio.co/ja/mp4-ogv/
    처음부터 After Effects를 쓰십시오.ogv로 쓸 수 있었으면 좋겠어요.
    서투르다.mp4에 써서 전환 수속을 했습니다.
    혹시 아시는 분 있으면 알려주세요...!
    또한 Unity에서 애니메이션을 재생하는 방법은 이 항목을 참조합니다.
    http://qiita.com/nakfiv/items/ce7c5506c66280014709
    ovg로 변환된 비디오를 StreamingAssets 폴더에 넣습니다.
    위 항목에서 Movie 스크립트를 빌려서 적절한 GameObject에 첨부합니다.
    Inspector에 비디오 이름을 입력합니다.이렇게 하면 배경에서 녹색 애니메이션만 재생됩니다.
    GameObject의 크기를 애니메이션의 가로 세로 비율로 조정합니다.

    투명 처리 비디오 배경


    이 상태에서 초록색만 투과 처리하면 사용하고 싶은 부분만 남는다
    현실에 잘 맞는 느낌으로 특정 색상만 투과하는 면도기를 준비했다.
    유지가 사용하기 쉬운 색도 표시기를 만들었기 때문에 이걸 빌렸어요.
    http://onoty3d.hatenablog.com/entry/2016/02/06/141002
    채색기로 애니메이션의 배경색을 촬영하면 배경이 쉽게 투과된다.대단해...

    Vuforia로 AR 표시


    여기까지만 유닛 안에서도 애니메이션을 재생할 수 있습니다.
    나는 Vuforia라는 SDK로 현실 세계로 소환하고 싶다.
    Vuforia 사용법이 길어질 수 있으니 여기를 참조하세요.
    방금 만든 비디오 재생 객체를 ImageTarget 객체의 하위 객체로 만듭니다.
    설정되면 AR로 표시된 애니메이션이 재생됩니다.

    어머!

    운동복!
    외로워도 가키와 연애 댄스를 출 수 있는 AR시스템'AR agaki Yui'pic.twitter.com/i9kR0NbQ6j-poshi@두부라인 스티커(@hoshi 527)2016년 12월 24일.
    아무래도 가장자리에 녹색 흔적이 있으니 이 근처에서는 방법을 바꿀 수밖에 없어요.

    끝말


    참고로 Vuforia는 영상을 재생하기 위해서입니다.
    샘플 있어요.movmp4만 지원하며 알파 채널이 있는 영상은 재생할 수 없습니다.
    또 iOS와 안드로이드를 구축하지 않으면 움직이지 않기 때문에 이번에는 사용하지 않았다.
    또한 Vuforia 포럼에는 AR 재생의 알파 애니메이션에 대한 질문이 많이 올라왔습니다.
    좀 빙빙 돌려서 유료 아스셋을 써야 할 것 같아서 포기했어요.가장 중요한 것은 내가 영어를 읽을 줄 모른다는 것이다.
    결과는 비교적 간단하게 실현되었기 때문에 매우 좋다.
    After Effects의 착실한 일은 어쨌든 필요하다!
    ↓ 혹시 모르니까 링크(더 좋은 방법 있으면 알려주세요...)
    https://developer.vuforia.com/forum/qcar-api/displaying-video-alpha-channel-removed
    https://developer.vuforia.com/forum/ios/can-we-play-video-playback-alpha-channel-video
    https://developer.vuforia.com/forum/qcar-api/playing-video-alpha-channel-videosample-demo-project

    좋은 웹페이지 즐겨찾기