45
ゲームツクール!第2回 Unity x vjkitでインタラクティブゲームを作ろう! 20131024日 FAGStudio

ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

  • View
    1.625

  • Download
    1

Embed Size (px)

DESCRIPTION

2013年10月24日放送のUnity x vjkitでインタラクティブゲームを作ろう!の復習資料です。

Citation preview

Page 1: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

ゲームツクール!第2回Unity x vjkitでインタラクティブゲームを作ろう!

2013年10月24日 FAGStudio

Page 2: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

Unity4入門初心者向けにわかりやすくUnityを説明した本。

SBクリエイティブ株式会社より発売中

Page 3: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

コッコと不思議の塔

Unityで作られたピンボールゲームiOS/Android無料配信中

Page 4: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

vjkitって何だ?

Page 5: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

そもそもゲームとは• 映像芸術

• 音楽

• シナリオ様々な才能を持った人がアイデアを出してゲームは作られる。

Page 6: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

Unityのミッション

様々な才能に光を当てたい。

Page 7: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

vjkitとは?• Unityを使ってノーディングで映像作品を作ったりできます!

• ゲーム作りにも応用ができます!

今日は一緒にポテンシャルをみていきましょう。

Page 8: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

fuZe Powered by Unity

Page 9: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

それではvjkitを使っていきましょう

Page 10: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

VJkitをダウンロード

https://github.com/unity3d-jp/fuze-vj-kitにアクセス

ここをクリック

Page 11: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

vjkitをProject viewに追加「fuze-vj-kit-master」というzipファイルが ダウンロードされます。

解凍した「fuze-vj-kit-master」ファイルをProject Viewにドラック&ドロップして追加してください。

Page 12: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

Octahedronを追加しよう

fuze-vj-kit-master → vjkit→ VJKit →Models →Primitives →Octahedron

Hierarchy ViewにOctahedronを追加しよう!

Transform情報

Page 13: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

Audio Playerと VJManager_HighMidLowを追加

• Audio Player

• VJManager_HighMidLow

fuze-vj-kit-master → vjkit→ VJKit →Preset Items→ VJ

Hierarchy Viewに追加する

Page 14: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

Audio Sourceを変更

Audio Player → Audio Clip → “fuZe 2minMix”を”Kick”に変更(好みの音源を使ってもOK!)

Page 15: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

VJManager_HighMidLowに音源を設定しよう

VJManager_HighMidLowに付属のVJMagagerのSource (None)にAudioPlayerをドラック&ドロップ

Page 16: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

vjGame Object PropertyをIcosahedronに設定する

Add component → VJKit → modifiers → vjGame Object Property

Page 17: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

反応を確認しよう

X軸にオブジェクトが揺れます。

とりあえず、PLAYを押してみましょう。

バックで流れる音の低音に反応して動いています。

Page 18: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

音によるアクションを変更

さきほど設定したIcosahedronのVJ Game Object Modifier →

Property To Modifiyでアクション設定を変える。

Property To Modify

Scale Yに変更してみる

Page 19: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

Playを押してみよう

Scale Y軸に伸び縮みする

Page 20: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

Point Lightを追加しよう

Lightに色を付けてもGoodです。

Page 21: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

床をつくろう

Cubeを選択して”Floor”という名前にしました。

Page 22: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

Light Propertyを追加しよう

Add component → VJKit → modifiers → Light Property

Page 23: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

Lightが反応する

とりあえず、PLAYを押してみましょう。

オブジェクトは音に反応し、ライトの色も音に合わせ変化します。

Page 24: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

反応する内容を変更する

Property To Modify

Property To Modify

Page 25: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

ゲームPadを使おう

vjkitを使えばゲームパッドが使えるようになります。

Page 26: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

VJManager_Gamepadを追加しよう

fuze-vj-kit-master → vjkit→ VJKit →Preset Items→ VJ→VJManager_Gamepad

Page 27: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

Gamepadが選択可能になった!

先ほどPoint Lightに追加したLight Property → Manager → VJMagager Gamepadが選択可能に!!

A Button押したら

Page 28: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

Icosahedronも設定変更

OctahedronのVJGame Object ModifierもGame Padに対応できるようにしてみました。

Page 29: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

その後 Game ControllerではなくBass

で反応するように設定を戻す

Page 30: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

モデルを入れよう

Robot Kyleを追加

Page 31: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

kyleの位置を確認

Kyleの位置を調整してこのように見える位置に来ましたか?まだアニメーションは付いていません。

Page 32: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

Kyleにアニメーションを追加しよう

Page 33: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

アニメーションを選択しよう

選びたいアニメーションを選択して右クリックして”Set As Default”で選択する。

Page 34: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

アニメーションが付きました!

Page 35: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

SkyDomeを入れましょうfuze-vj-kit-master → vjkit→ VJKit →Preset Items→SkyDome→SkyDome

背景ができた!

Hierarchy viewに追加する。

Page 36: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

重力反転のギミックを追加しよう

fuze-vj-kit-master → vjkit→ VJKit →Preset Items→Gravity→Gravity Plane

Hierarchy viewに追加する。

Page 37: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

GravityPlaneの設定

Transformを設定する

Gravity TypeをForceに変更する

Page 38: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

IcosahedronにRigidbodyを追加

GravityPlaneの影響で上下に揺れるようになります。

Page 39: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

Main Cameraを操作できるように設定

Add component → VJKit → modifiers → vjGame Object Propertyx 2つ 追加します。

VJManager GamepadL Vertical

Rotation X Euler

VJManager GamepadL Horizontal

Rotation Y Euler

28

28

Page 40: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

FPSカメラのようになった

FPSのようにカメラを動かせるようになりました。

Page 41: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

Add component → VJKit → Triggers → SpawnObject

音に合わせオブジェクトを生成しよう

空のオブジェクトを準備

GameObject →SpawnPointと名前変更

Transform情報

Page 42: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

CubeをPrehub化する

CubeにはRigidbodyを追加(物理的な特性を追加するため)

Page 43: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

vjSpawn TriggerにPrehub化したCubeを追加する

Prehub化したCubeを追加する

Page 44: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

vjSpawn Triggerの設定について

生成したオブジェクトを削除する

オブジェクトの生存時間(この時間が過ぎたらオブジェクトが削除されます)

オブジェクトを生成する位置をランダムで設定

Page 45: ゲームツクール放送2回目Unity x vjkitでインタラクティブゲームを作ろう!

完成

音に合わせたゲームが簡単に作れる!それがvjkit!!