投稿者 tel | 2013年12月5日

Unityで半透明のトランジション

画面遷移に利用できそうなトランジションを作ってみた。

とりあえずAssetStoreにあるトランジションのアセット。

アルファテストでしきい値を変えてアニメーションさせる方法を使うのに半透明にしてみたかったので自作した。

まずグレイスケールのテクスチャを用意する。

transition0

黒に近いところほど早く消えていく。

グレイスケール画像からアルファの画像を作るため、色々設定をする。

tex_setting_ss

Alpha from Grayscaleのところにチェックを入れるとアルファの画像になる。
圧縮するとグラデーションがヒドイことになる場合が多いのでフォーマットをAlpha 8にした。

トランジション用のシェーダを作ってマテリアルにつける。

mat_ss

Alpha cutoffを動かすとだんだん消える。このマテリアルを画面全体を覆うQuadのポリゴンにつける。

スクリプトでアニメーションを付けて動かすとこんな感じになる。

transition_ss

https://dl.dropboxusercontent.com/u/43049781/Unity/Transition2/WebPlayer.html


コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

カテゴリー

%d人のブロガーが「いいね」をつけました。