More Related Content
Similar to UnityでつくるはじめてのPONG (20)
More from Kohei Kadowaki (16)
UnityでつくるはじめてのPONG
- 2. 自己紹介
• 名前:門脇 恒平 (28) @kadoppe
• 職業:エンジニア
Rails, (Java¦Coffee)Script, Objective-C
• 肩書き:
HTML5-West.jpコアメンバー/ShareWis Inc. CTO
• 趣味:ポッドキャスト/ Ust配信
2
- 7. Unityの2つの側面
• 3Dゲーム統合開発環境
• 3Dコンテンツをインタラクティブに編集
• Windows, Mac OS Xで動作
• ゲームエンジン
• マルチプラットフォーム
• Windows, Mac OS X, Webブラウザ, iOS, Android
7
- 9. 気になるお値段
無印 Pro
Unity
無料 ¥127,500
(Win, Mac, Web)
+ iOS ¥34,500 ¥127,500
+ Android ¥34,500 ¥127,500
趣味で使う分には無料で十分!
9
- 14. これからつくるもの
• PONG(ポン)
• 1972年に登場したシンプルな卓球ゲーム
出典:http://www.justpushstart.com/2012/02/atari-wants-you-to-make-pong-for-ios/
出典:http://gigazine.net/news/20061023_plasma_pong/
14
- 15. 開発手順
• 目標:PONG(一人遊び用)の完成
• Step 1:設計
• Step 2:パーツの配置
• Step 3:カメラと光源の設定
• Step 4:ボールを動かす
• Step 5:ラケットを動かす
• Step 6:ゴールの検出
• Step 7:Web用に書き出す
15
- 16. 準備:Unityの画面レイアウト
インスペクタ
オブジェクトの
様々な値を設定
ヒエラルキー プロジェクト
ゲームの世界に配置されている ゲームに必要な
オブジェクトの階層構造を表示 ファイルを管理・表示
16
- 17. Step 1
設計
壁
ボール ラケット
ゴール ゴール
ラケット
壁
17
- 18. Step 2
パーツの配置
• あらかじめ用意されている基本的な形状を利用
• 位置・角度・大きさを指定していく
Sphere (球体) 直方体 (Cube)
Cube・Sphereを使ってパーツをどんどん配置
18
- 19. Step 3
カメラと光源の設定
• なんだか暗い
• アングルもよくない
カメラ(プレイヤーの視点)の移動
Directional Light(線光源)の配置
19
- 20. Step 4
ボールを動かす
• 手順1:ボールに物理特性を設定する
• 手順2:ボールに初速を加える
• 手順3:ボールが跳ね返るようにする
20
- 21. Step 4 手順1:ボールに物理特性を設定する
• 物体に何かしらの運動をさせたい時は物理特性が必要
ボールに物理特性「Rigidbody(剛体)」を設定
21
- 22. Step 4 手順2:ボールに初速を加える
• ボールは力を与えないと動かない
• スクリプトからボールに対してさまざなま作用を与え
ることが可能
rigidbody.AddForce( // 力を加えるメソッド
(transform.forward + transform.right) * 10, // 力の向きと強さ
ForceMode.VelocityChange // 力の与え方
);
JavaScriptでボールに初速を与えてみる
22
- 23. Step 4 手順3:ボールが跳ね返るようにする
• ボールが跳ね返らない
ぺた・・
ボールや壁に跳ね返るような「Material(材質)」を設定
23
- 24. Step 5
ラケットを動かす
• カーソルキー入力でラケットに力を与える
rigidbody.AddForce(
transform.right * Input.GetAxisRaw(“Horizontal”) * 1000.0,
ForceMode.Impulse
);
ラケットに物理特性「Rigidbody(剛体)」を設定
JavaScriptでキー入力をもとにラケットに力を与えてみる
24
- 25. Step 6
ゴールの検出
• ボールとゴールの衝突→ゴール
• せめてボールを中央に戻したい
function OnCollisionEnter(info : Collision) {
// ボールが何かとぶつかった時の処理
}
ボールと壁の衝突を検出
衝突検出後、ボールを中央にワープさせる
25
- 26. Step 6
Web用に書き出す
• 2通りの出力方法
• どちらもブラウザにプラグインが必要
Unity Flash
26
- 28. さらに学びたい方へ
• はじめての Unity ¦ Developer [UNITY]
http://japan.unity3d.com/developer/document/tutorial/my-first-unity/
• [書籍] Unity入門
• Unityユーザー助け合い所
https://www.facebook.com/groups/unityuserj/?bookmark_t=group
28