読者です 読者をやめる 読者になる 読者になる

Unity UGUIで鏡にUnityちゃんを写して移動させる

UGUIで鏡にUnityちゃんを移す
kagami.unitypackage - Google ドライブ

f:id:yasuaki-ohama:20150606111700p:plain

用意するもの

鏡の画像
f:id:yasuaki-ohama:20150606105246p:plain
鏡部分のくりぬき画像
f:id:yasuaki-ohama:20150606105300p:plain
Unityちゃん
f:id:yasuaki-ohama:20150606105308p:plain

作り方

キャンバスを作成
f:id:yasuaki-ohama:20150606105712p:plain

鏡の枠作成

imageの名前を「kagami」に変更
f:id:yasuaki-ohama:20150606105951p:plain
以下のようにパラメータを設定
f:id:yasuaki-ohama:20150606110235p:plain

鏡作成

image作成、名前をindex
f:id:yasuaki-ohama:20150606110449p:plain
以下のようにパラメータを設定
ここにマスクをつける
f:id:yasuaki-ohama:20150606110511p:plain

Unityちゃん作成

image作成
f:id:yasuaki-ohama:20150606110742p:plain
以下のようにパラメータを設定
f:id:yasuaki-ohama:20150606110751p:plain

アニメーターで動かす

Animationを作成設定をループにする
AnimatorControllerを作成
f:id:yasuaki-ohama:20150606110856p:plain
imageの下にアニメーターを追加する。
f:id:yasuaki-ohama:20150606110956p:plain

アニメーター設定

moveを作成し、アニメーションを入れる
f:id:yasuaki-ohama:20150606111144p:plain
f:id:yasuaki-ohama:20150606111151p:plain

アニメーション設定

左から右に移動するように設定
移動時間2秒
f:id:yasuaki-ohama:20150606111453p:plain

結果

右から左にスクロールする。
f:id:yasuaki-ohama:20150606111649p:plain
f:id:yasuaki-ohama:20150606111700p:plain
f:id:yasuaki-ohama:20150606111706p:plain