UnityとBlenderハンズオン第1章
14 likes8,464 views
静岡Developers勉強会のUnityとBlenderハンズオン第1章の資料となります。
![Unity：C#スクリプト(Spawner)の編集
AssetsのC#の「 Spawner 」をダブルクリックでMonoDevelopが起動します。
MonoBehaviorクラスを継承したクラスが生成される。
Behavior(ビヘイビア)=「挙動」や「ふるまい」といった意味となります。
groups変数の追加、spawnNext()の追加、Start()の編集を行います。Update()は削除する。
using UnityEngine;
using System.Collections;
public class Spawner : MonoBehaviour {
// Groups
public GameObject[] groups;
public void spawnNext() {
// Random Index
int i = Random.Range(0, groups.Length);
// Spawn Group at current Position
Instantiate(groups[i],
transform.position,
Quaternion.identity);
}
void Start() {
// Spawn initial Group
spawnNext();
}](https://image.slidesharecdn.com/unityblender1-150206205115-conversion-gate02/85/Unity-Blender-1-24-320.jpg)
![Unity：C#スクリプト(Grid)の編集
___|_0_|_1_|_2_|...
0 | o | x | x |...
1 | o | x | o |...
2 | x | x | o |...
...|...|...|...|...
// Is there a block at (3,4)?
if (grid[3,4] != null)
// Do Stuff...
Gridの内容
2次元配列 「 × 」がブロック有り、「 O 」がブロック無しで実プログラムではnull判定する。
Girdは、幅10 ｘ 高さ20で生成する。
Girdスクリプトの編集
下記の関数を作成する。Start()とUpdate()は削除
public static Vector2 roundVec2(Vector2 v)
public static bool insideBorder(Vector2 pos)
public static void deleteRow(int y)
public static void decreaseRow(int y)
public static bool isRowFull(int y)
public static void deleteFullRows()
using UnityEngine;
using System.Collections;
public class Grid : MonoBehaviour {
// The Grid itself
public static int w = 10;
public static int h = 20;
public static Transform[,] grid = new Transform[w, h];
public static void deleteFullRows() {
for (int y = 0; y < h; ++y) {
if (isRowFull(y)) {
deleteRow(y);
decreaseRowsAbove(y+1);
--y;
}
}
}](https://image.slidesharecdn.com/unityblender1-150206205115-conversion-gate02/85/Unity-Blender-1-29-320.jpg)
UnityとBlenderハンズオン第1章
- 2. はじめに 静岡Developers勉強会では、過去に下記の勉強会を行いました。 2010年：「Programming in Haskell」 2011年：「JavaScript: The Good Parts」 2012年：「HTML5＆CSS3実践入門」、「GitHubハンズオン」、 「node.jsハンズオン」 2013年：「入門 機械学習」 2014年：「実践 コンピュータビジョン」 2015年は上記の勉強会で学んだことを実践し、Shizudev名義のスマホアプリ を開発します。 作成後は公開用のサイトや動画も作成し、機械学習を使ってダウンロード状 況などを分析していきます。 スマホの広告費は会費にあて、万が一予定より多く収入が入った場合には寄 付を考えています。
- 3. 自己紹介 やじゅ＠静岡・・・漢字名は「八寿」 平口八寿人(https://www.facebook.com/yasuhito.hiraguchi) アラフォーエンジニア、元ＭＳＭＶＰ(VisualBasic) 静岡県島田市のＳＬ(大井川鉄道)が走っている所に在住 Twitter：yaju はてなID：Yaju3D http://blogs.wankuma.com/yaju/ http://yaju3d.hatenablog.jp/ 数学と物理を基礎からやり直す) http://www.slideshare.net/yaju88/presentations （スライド）
- 5. セッション内容 Unityでテトリスもどきを作成 C#スクリプト http://noobtuts.com/unity/2d-tetris-game Blenderでサイコロを作成(UVマッピング) https://www.youtube.com/watch?v=IXXN3p8aCIM Blenderでサイコロを作成(モデリング) https://www.youtube.com/watch?v=3ae3bjvhjEQ →当日、残り時間20分となったため、次回に移行 スマホアプリのアイディア
- 10. Unity：カメラの設定と背景の作成 Inspector(インスペクタ) その時点で選択されているゲームオブジェクトやアセットの詳細情報を表示・編 集するビューです。 Positin X 4.5 Y 7.5 Background Black Size 8 に変更する
- 11. Unity：キャラクターの構成 キャラクターであるブロックの構成 キャラクター名は形から「I、J 、L、O、S、T、Z」と呼ぶ ※テトリスの著作権について【自作テトリスを公開したら違法？】
- 12. Unity：キャラクターの保存 Assets(アセット) Assetは資産の意味。Unityで使用するオブジェクトやスクリプトを保存するフォルダ。 Assetsの右クリックで「Show in Exprore」を選択し、tetris/Assetsフォルダに ブロックの「block.png」とボーダーの「border.png」を入れる。 資料：https://github.com/yaju/ShizuDev_UnityAndBlender/tree/master/Session1
- 13. Unity：キャラクターの設定(block) ブロックの設定 Assetsの「block」を選択、Inspectorで変更する Pixels To Units 32 に変更する 最新バージョンでは Pixels Per Unitsに 変更されている
- 14. Unity：キャラクターの設定(border) ブロックの設定 Assetsの「border」を選択、Inspectorで変更する Pixels To Units 32 に変更する 最新バージョンでは Pixels Per Unitsに 変更されている
- 15. Unity：背景の設定① 両端の準備 Assetsの「border」をドラッグして、HierarchyのMain Cameraと同じ階層に ドロップして、両端を作成する準備を行う。 チュートリアルは One Column Layout であるが変更は不要
- 16. Unity：背景の設定② 両端の設定 Hierarchyの各「border」のInspectorを設定する。 Position X -0.5 Y 10 Scale 40 に変更する Position X 9.5 Y 10 Scale 40 に変更する PlayしてGame画面を 確認する
- 17. Unity：キャラクターの作成(各ブロック) ブロック「GroupO」の作成準備 HierarchyのCreate→ 「Create Empty」でGameObjectを作成する。 Assetsの「block」をドラッグし、 GameObjectの下位にドロップする。 Oブロックなので、4回繰り返す。 Inspectorで 各ブロックのPosition X=0 Y=0 X=0 Y=1 X=1 Y=0 X=1 Y=1 に変更する
- 19. Unity：キャラクターの作成(各ブロック) 各ブロック(GroupI～Z)の作成 「GroupO」と同じ手順で、他のブロックを作成する。 「GroupO」の右クリックで「Duplicate」で複製すると楽です。 X= 0 Y=3 X= 0 Y=2 X= 0 Y=1 X= 0 Y=0 X= 0 Y=3 X= 0 Y=2 X= 0 Y=1 X= 0 Y=0 X=-1 Y=0 X= 0 Y=3 X= 0 Y=2 X= 0 Y=1 X= 0 Y=0 X= 1 Y=0 X= 1 Y=1 X= 0 Y=1 X= 0 Y=0 X=-1 Y=0 X= 0 Y=1 X= 1 Y=0 X= 0 Y=0 X=-1 Y=0 X=-1 Y=1 X= 0 Y=1 X= 0 Y=0 X= 1 Y=0
- 23. Unity：C#スクリプト(Spawner)の作成 ProjectエリアのCreateのメニューから、「C# Script」を選択します。 Assetsに「C# Script」が作成されるので名前を「NewBehaviourScript」→「Spawner」にします。 ※名前の変更が後回しになると、クラス名が「 NewBehaviourScript 」となってしまうので クラス名も「Spawner」変更にする必要が出てきます。 using UnityEngine; using System.Collections; public class Spawner : MonoBehaviour {
- 24. Unity：C#スクリプト(Spawner)の編集 AssetsのC#の「 Spawner 」をダブルクリックでMonoDevelopが起動します。 MonoBehaviorクラスを継承したクラスが生成される。 Behavior(ビヘイビア)=「挙動」や「ふるまい」といった意味となります。 groups変数の追加、spawnNext()の追加、Start()の編集を行います。Update()は削除する。 using UnityEngine; using System.Collections; public class Spawner : MonoBehaviour { // Groups public GameObject[] groups; public void spawnNext() { // Random Index int i = Random.Range(0, groups.Length); // Spawn Group at current Position Instantiate(groups[i], transform.position, Quaternion.identity); } void Start() { // Spawn initial Group spawnNext(); }
- 26. Unity：オブジェクトの設定 HierarchyのSpawnerを選択して、Inspectorで「Add Component」ボタンを押下 Component一覧からScripts→Spwnerを選択する。 Size 7 として、Elment0～6にAssetsからGroupI～Zをドラッグ＆ドロップする。
- 28. Unity：C#スクリプト(Grid)の作成 ProjectエリアのCreateのメニューから、「C# Script」を選択します。 Assetsに「C# Script」が作成されるので名前を「NewBehaviourScript」→「 Grid」にします。 using UnityEngine; using System.Collections; public class Grid : MonoBehaviour {
- 29. Unity：C#スクリプト(Grid)の編集 ___|_0_|_1_|_2_|... 0 | o | x | x |... 1 | o | x | o |... 2 | x | x | o |... ...|...|...|...|... // Is there a block at (3,4)? if (grid[3,4] != null) // Do Stuff... Gridの内容 2次元配列 「 × 」がブロック有り、「 O 」がブロック無しで実プログラムではnull判定する。 Girdは、幅10 ｘ 高さ20で生成する。 Girdスクリプトの編集 下記の関数を作成する。Start()とUpdate()は削除 public static Vector2 roundVec2(Vector2 v) public static bool insideBorder(Vector2 pos) public static void deleteRow(int y) public static void decreaseRow(int y) public static bool isRowFull(int y) public static void deleteFullRows() using UnityEngine; using System.Collections; public class Grid : MonoBehaviour { // The Grid itself public static int w = 10; public static int h = 20; public static Transform[,] grid = new Transform[w, h]; public static void deleteFullRows() { for (int y = 0; y < h; ++y) { if (isRowFull(y)) { deleteRow(y); decreaseRowsAbove(y+1); --y; } } }
- 30. Unity：C#スクリプト(Group)の作成 ProjectエリアのCreateのメニューから、「C# Script」を選択します。 Assetsに「C# Script」が作成されるので名前を「NewBehaviourScript」→「 Group」にします。 using UnityEngine; using System.Collections; public class Group : MonoBehaviour {
- 31. Unity：C#スクリプト(Group)の編集 Groupの内容 ブロック(Group)ごとの振る舞いを実装する。 Spawnerクラスのメソッドを呼ぶ。FindObjectOfType<Spawner>().spawnNext(); Groupスクリプトの編集 下記の変数と関数を作成および編集する。 float lastFall = 0; bool isValidGridPos() void updateGrid() void Update() void Start() using UnityEngine; using System.Collections; public class Group : MonoBehaviour { // Time since last gravity tick float lastFall = 0;
- 34. Unity：疑問点 回転の仕組み Transform Transform オブジェクトの位置、回転、サイズを扱うクラス キー入力の仕組み Input.GetKey Unity - 入力情報を取得する グリッドにブロックの形の格納方法 Groupの子ブロックごとにtransformの値を使ってgridに格納 スコアの実装 GUI Text スコアの表示 次のブロックの表示 次のブロック表示を用意してプログラムを変更する。 ブロックのカラー化 今のblock.pngが枠中が透明なので、別ブロックを用意する。 AsettsのGroupI等の「▲」を押すと分割されるので1個ごと色を変更する。
- 37. Blender:はじめる前に(日本語の設定) インターフェイスを日本語にする Fileメニューの「User Preferences」で「User Preferences」画面の「System」タブを選択する。 右下の「International Fonts」のチェックを入れて、 「Language」の「Default(Default)」ボタンを押下 して「Japanese(日本語)」にする。 「Translate」の「Interface」と「Tooltips」の 両方のボタンを押下する。 左下の「Save User Settings(ユーザーの設定の保存)」 で設定保存。 一部のコンピュータでは 「User Preferences」が 表示されない場合がある。
- 38. Blender:はじめる前に(その他の設定) 選択を中心に回転およびPythonツールチップを表示 「User Preferences」画面の「インターフェイス」タブを選択する。 「選択を中心に回転」チェックボックスをオンにする。 「Pythonツールチップを表示」チェックボックスをオフにする。 Numパッドを再現 テンキーの無いキーボードを使っている場合 「User Preferences」画面の「入力」タブを選択する。 「 Numパッドを再現」チェックボックスをオンにする。 3Dビュー Dynamic Spacebar Menu 「User Preferences」画面の「アドオン」タブを選択する。 「3Dビュー」の「Dynamic Spacebar Menu」のチェックボックスをオンにする。 左下の「Save User Settings(ユーザーの設定の保存)」で設定保存。
- 40. Blender:基本操作 拡大・縮小 マウスのホイールで3Dモデルの拡大・縮小 視点の向きの変更 マウスのホイールを押しながらマウス移動 視点の移動 SHIFTキーとマウスのホイールを押しながらマウス移動 前後不覚になった場合 Homeキーを押す、または下側にある「ビュー」メニューから「全てを表示」を 選択すると3Dビューウィンドウに丁度すべてが収まるように視点が移動される。
- 41. Blender:箱に色をつける 箱の色を変更する 箱を右クリックで選択、プロパティータの右から 4番目の「マテリアル」ボタンをクリックします。 「ディフューズ」で指定の色にする。 履歴の参照とアンドゥで元に戻す 左側パネルの履歴にて 元に戻す(Ctrl + Z) やり直す(Shift Ctrl + Z)
- 55. Blender:カメラの位置と光源の位置を調整 F12キーを押すとレンダーされたモデルが表示されるが、一部の面が暗いので カメラの位置と光源の位置を調整する。光源を右クリックして選択して、移動させる。
- 58. Blender:JSON(three.js)形式にエクスポート １ three.js形式エキスポータのダウンロード (2015/02/08時点の最新 r70) https://github.com/mrdoob/three.js ２ Blender側にコピーする three.js-master¥utils¥exporters¥blender¥addons¥io_threeを下記にコピーする C:¥Program Files¥Blender Foundation¥Blender¥2.72¥scripts¥addons 参照：https://github.com/mrdoob/three.js/tree/master/utils/exporters/blender ※r69の場合は、io_mesh_threeであったが、r70からはio_threeに置き換わっている。 C:¥Program Files¥Blender Foundation¥Blender¥2.7X¥scripts¥addons
- 59. Blender:JSON(three.js)形式にエクスポート ３ Blenderで有効にする ファイル→ユーザー設定→アドオン→ カテゴリーのインポート/エクスポートを選択する。 「Import-Export:Three.js Format」を探してチェックをオンにする。 最後に「ユーザー設定の保存」をしておく。
- 60. Blender:JSON(three.js)形式にエクスポート ４ ファイル→エキスポート→Three(json) でエクスポート Export THREEのオプションで、必要に応じてチェックを付ける。 保存先を指定したら、「Export THREE」ボタンを押下する。 ※同じ場所にテクスチャで使用した画像があるとエラーになります。
- 64. ご清聴ありがとうございました！