LoginSignup
0
1

More than 1 year has passed since last update.

Unity - Maskを使って画像や動画を任意の形に切り抜く

Posted at

Maskを使用すれば、画像を好きな形に切り抜くことができます。
この機能を紹介しているサイト様は多々ありますが、動画を好きな形に切り抜く方法などがなかったので、試してみました。

・画像を任意の形に切り抜く
・動画を任意の形に切り抜く
・切り抜きたい形側を動かす
上記3つを試しました。

1. 画像を任意の形に切り抜く

こちらは、こちらのサイト様を参考しました。
また、SoftMaskForUGUIを使用しております。

fukidashi.png
fukidashi_inspector.png
fukidashi_inspector_02.png

2. 動画を任意の形に切り抜く

基本的には、上記と同じ手順を行えば、切り抜くことが出来ます。
変更点としては、切り抜かれる側を動画用にRawImageにし、コンポーネントにVideoPlayerを追加しています。

cat03.gif
cat_inspector_01.png
cat_inspector_02.png

3. 切り抜きたい形側を動かす

こちらも単純で、切り抜きたい側をスプライトアニメーション(または動画)として再生するだけです。
※スプライトアニメーションは、こちらを参考にしました。

fire03.gif
fire_inspector_01.png
fire_inspector_02.png

4. まとめ

SoftMaskForUGUI様にめちゃくちゃ助けられたという話でした。

5. 使用した素材

下記サイト様より素材使わせていただきました。
ありがとうございます。
edius…?
Garrett Jax from Pixabay

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1