閃光絵巻ラボ

脱出ゲームの作り方などの技術系のブログです。

Unityで脱出ゲームの作り方(6)「物体を滑らかにアニメーションで動かす」

      2015/08/02

kNwswyi7KA第6回は物体のなめらかなアニメーション(トゥイーン)を実装します。
脱出ゲームにおいてアニメーションは絶対必須というわけではありませんが、
あるとぐっとゲームとして見栄えが良くなるので、ぜひ取り入れておきたい技術ですね。

iTweenをいれよう

アニメーションする上で便利なiTweenというプラグインを入れましょう
Window > Asset store でアセットストアの画面を開きます。
アセットストアとはUnityで使えるプラグインや3Dモデルのセットなどが有料/無料でダウンロードできるショップです。

iTweenで検索します。有料版のiTweenもありますが、ここでは無料版です。
20150617230620232+

インポートをクリック。
20150617230620234+

 

全てにチェックが入ったままでOKです。右下のImportをクリックします。
20150617220641231

 

インポートが終わるとPluginsフォルダが増えていますね。これがiTween一式です。
20150617230634235+

 

カギを天井から床に移動(落下)させよう

カギを天井に持っていきます。z=116ぐらいで。
20150617230624236+

そして赤スイッチをクリックした時の処理をiTweenに置き換えます。

iTween.MoveToで移動ができます。
これでカギが0.2秒かけてz=0.6へ移動、つまり天井から床に落ちてきます。
q0TOYCI9JC↑の動画だとカクついてますが、実際は滑らかに見えています…

 

ついでにカメラの回転も滑らかにしよう

iTweenは移動だけでなく回転もできます。
これまでは左ボタンを押すとカメラがパッと回転していましたが、これも滑らかにしてみましょう。
turnLの中身をまるっと書き換えます。

再生するとこんな感じです。動きがつくとなかなか見栄えがよくなりますね。
kNwswyi7KA

 

 

»第7回に続く

 - Unityで脱出ゲームの作り方

タグ

タグ

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

  関連記事

20150531120526222+
Unityで脱出ゲームの作り方(5)「3Dオブジェクトをクリックで取得」

これまでのパートでUIボタンのクリックはできました。 このパートでは上の画像の、 …

20150507120541179+
Unityで脱出ゲームの作り方(2)「UnityにSketchupの3Dの部屋をインポート」

第2回からはUnityという今話題のゲーム作成ソフトを使っていきます。 とても高 …

20150702150755252+
Unityで脱出ゲームの作り方(8)「アイテムを選択(装備)する」

アイテムリストクリックでアイテムを装備する アイテムリストのカギをクリックしたら …

20150419140443163
Unityで脱出ゲームの作り方(1)「3Dの部屋を作る」

Unityで脱出ゲーム講座 初回は3Dの部屋づくりからはじめます。 このパートで …

20150510100521211+
Unityで脱出ゲームの作り方(3)「部屋の中を移動する・下準備編」

このパートでは脱出ゲーム定番の移動ボタンを追加します。 画面上に固定で表示するU …

20150628160625244+
Unityで脱出ゲームの作り方(7)「アイテムリストを作る」

前回まででスイッチを押すとカギが降ってくるようにしました。 ここで落ちてきたカギ …

20150510100521211+
Unityで脱出ゲームの作り方(4)「部屋の中を移動する・UIでカメラ回転編」

第4回はカメラ回転のスクリプトを実際に書いていきます。 上の画像のようにぐるりと …