講義用ppt windows女子部

76
ははははは はは

Upload: rikako-takahashi

Post on 12-Apr-2017

368 views

Category:

Engineering


0 download

TRANSCRIPT

Page 1: 講義用Ppt windows女子部

はじめての 教室

Page 2: 講義用Ppt windows女子部

初めまして^^Windows 女子部の皆さ

ん!

Page 3: 講義用Ppt windows女子部

講師紹介

• 高橋 理佳子 TMCN youth

1994年2月21日岩手県出身獨協大学 経済学部 経営学科 在学

趣味 特技ピアノ歴9年バドミントン歴10年

IoTイノベーターカップ 特別賞Innovator Academy 特別賞Tokyo Hackademics 2015  優勝

Page 4: 講義用Ppt windows女子部

今日のながれ

• ①  アイスブレーク(1) たかりかを知ろう (2)unity を知ろう!

• ②   unity を入れてみよう!• ③   unity を触ってみよう!• ④  ゲームを作ってみよう!• ⑤  遊んでみよう!• ⑥  クロージング

Page 5: 講義用Ppt windows女子部

unity ってなーに?

• 一言で言えば  “ゲーム開発ツール”

・ゲームを動かすために  “ゲームエンジン”と ゲーム内のコンテンツを編集する  “エディター”が統合された

“ エディター統合型ゲームエンジン”

Page 6: 講義用Ppt windows女子部

インストールしましたよね♪

Page 7: 講義用Ppt windows女子部

それじゃ起動しましょうか

Page 8: 講義用Ppt windows女子部

プロジェクトの作成

Page 9: 講義用Ppt windows女子部

プロジェクトの生成

適当に名前を決めて適当に保存先を決めて※ 空のフォルダ

Create project を押す!!

Page 10: 講義用Ppt windows女子部

画面の説明

ツールバー

Sceneビュー

Hierarchyビュー

Inspector ビュー

project ビュー

現在のシーンを視覚的に確認できるシーンの中に配置されているオブジェクトの階層構造を確認できる

オブジェクトやファイルの内容を確認したり、詳細に設定することが出来る .

プロジェクト内の、ファイルの 様子を表示する画面。 .

Page 11: 講義用Ppt windows女子部

画面の説明

Gameビュー

Console ビュー

ツールバーのプレイを押すことで作成中のゲームを実際に動かしてプレビューすることが出来る

エラーメッセージを確認することが出来ます

Page 12: 講義用Ppt windows女子部

下準備をしましょう

Project ビューの Asset フォルダを右クリック↓

Create から folder を選択

Page 13: 講義用Ppt windows女子部

フォルダ管理📂

フォルダを三つ作って“ Materials”,“scenes”,“scripts” と名前を振る .

これをやらないと後々後悔しますよ~

Page 14: 講義用Ppt windows女子部

そろそろなんか作りましょうか

Page 15: 講義用Ppt windows女子部

とりあえずなんかつくってみましょ

• この章ではこんなのを作ります!!

Page 16: 講義用Ppt windows女子部

板をつくる

Hierarchy ビューで“create”→“Cube” を選択

Page 17: 講義用Ppt windows女子部

板をつくる

Hierarchy ビューで“Cube” が追加されている

Position は(x,y,z)=(0.0.0) にする

スケールツールを選択試しに他のツールも触ってみましょうか

Page 18: 講義用Ppt windows女子部

板をつくる

この■を引っ張る

Page 19: 講義用Ppt windows女子部

板をつくる

(50,1,50) と入力

Page 20: 講義用Ppt windows女子部

軽く tips①ALT + CTRL(Mac の人は commando)   + ドラッグ⇒“ 平行移動!!”

②ALT   + ドラッグ⇒“ 視界の旋回!!”③ マウスホイール    ⇒“ズーム”④Hierarchy から選択したオブジェクトをダブルクリック    ⇒選択したオブジェクトに焦点を合わせる

これは便利ですよ

Page 21: 講義用Ppt windows女子部

玉をつくる

“Hierarchy ビュー”“⇒ Sphere”

Page 22: 講義用Ppt windows女子部

玉をつくる

移動ツールとスケールツールを使ってうまい感じに

Page 23: 講義用Ppt windows女子部

玉に物理挙動を与える

玉を選択して、メニューから“component” “Physics” “Rigidbody”⇒ ⇒

Page 24: 講義用Ppt windows女子部

玉に物理挙動を与える

Use Gravityに が入れば☑重力が適用されY軸に負の方向に落下しようとする力が発生します .

Page 25: 講義用Ppt windows女子部

床にも物理挙動を与える

床はその場でとどまっててほしいのでIs Kinematic に を入れる☑

同じようにメニューから“component” “Physics” “Rigidbody”⇒ ⇒

Page 26: 講義用Ppt windows女子部

うごかしてみましょ

ココを押して

Page 27: 講義用Ppt windows女子部

でけぇ!!

アップすぎ!!

停止押してもう一度 play ボタン押して

Page 28: 講義用Ppt windows女子部

play ボタン押してる状態

え!保存されないんだけど!

play ボタン押してない状態今の状態を確認したら play ボタン押してない状態にしましょう!保存されないのです .. > < ..

Page 29: 講義用Ppt windows女子部

カメラを動かしましょう

移動ツールや回転ツールでうまい感じに調整して…右下のプレビューで確認して ..,

あんまりうまくいかなかったらとりあえずposition(0,30,-60) Rotation(25,0,0)でなんとかしてください

Page 30: 講義用Ppt windows女子部

もう一度再生!!

Page 31: 講義用Ppt windows女子部

次は反発係数を入力

Project create⇒ からPhysic material を選択出てきたものを material フォルダへ

Page 32: 講義用Ppt windows女子部

反発係数を入力

0 ~ 1 で値を入力

Page 33: 講義用Ppt windows女子部

反発係数を入力

ドラッグ&ドロップ

Sphere を選択

Page 34: 講義用Ppt windows女子部

反発係数を入力

ドラッグ&ドロップ

Cube を選択

Page 35: 講義用Ppt windows女子部

うごかしてみましょ!!

ココ押して回転ツールでいじって

Page 36: 講義用Ppt windows女子部

キー操作を実装しましょうか

Page 37: 講義用Ppt windows女子部

Script を作成

Project create JAVA script⇒ ⇒

Page 38: 講義用Ppt windows女子部

かきましょう

出来た script をダブルクリックするとこんな画面になります

Page 39: 講義用Ppt windows女子部

かきましょう

このオブジェクトの姿勢を秒間 30 秒の速さで入力方向に Z 軸回転する

Page 40: 講義用Ppt windows女子部

実装

ドラッグ&ドロップ

Page 41: 講義用Ppt windows女子部

ビルド

File Build Settings⇒  …を選択

Page 42: 講義用Ppt windows女子部

ビルド

Build 押して適当に名前つけて保存!

Page 43: 講義用Ppt windows女子部

遊びましょう

さっき書き出したファイルをダブルクリックして

Page 44: 講義用Ppt windows女子部

どうですか?楽しいですか?

Page 45: 講義用Ppt windows女子部

ボールに色をつけて女子力をあげてみましょう❤️

Page 46: 講義用Ppt windows女子部

1. Project create⇒ ⇒Material

ボールに女子力を❤️

Page 47: 講義用Ppt windows女子部

1. 名前は ball coler とつけましょう2. 好きな色を選らんでください3. ドロップ & ドロップ

ボールに女子力を❤️

ドラッグ&ドロップ

Page 48: 講義用Ppt windows女子部

女子力注入できましたか?❤️

Page 49: 講義用Ppt windows女子部

それではもっとゲームっぽいのを作ってみましょう

Page 50: 講義用Ppt windows女子部

じゃあどうする?

①  まずはタイトル画面が欲しいよね②  ルールが欲しい③  ゲームクリアとゲームオーバー画面も欲しい

Page 51: 講義用Ppt windows女子部

こんな感じ…

スタート画面

ゲームオーバー

ゲームクリアゲーム本編

スペースキー 20 秒たった

20 秒以内に玉が落ちた

5秒たった

今日はここまで作ってみましょう

Page 52: 講義用Ppt windows女子部

まずは main シーンの保存

1.File Build Setting⇒

2.Add Current を押す3.Build を押す

Page 53: 講義用Ppt windows女子部

タイトル画面シーンの追加

File Save Scene As⇒ で“ title” として保存

Page 54: 講義用Ppt windows女子部

シーン順序の変更

1.File Build Setting⇒

2.Add Current を押す3.Scenes In Build の  title を一番上に  ドラッグ  

Page 55: 講義用Ppt windows女子部

タイトル画面の作成

1.Hierarchy ビューで メインカメラを選択2.Clear Flags を  Solid Collar  にする3.Background を青に する   

Page 56: 講義用Ppt windows女子部

続いて文字を作成

Hierarchy>Create>UI>Text を選択する名前は Title に変えておく

Page 57: 講義用Ppt windows女子部

タイトルの編集

Alt を押しながらクリック

Page 58: 講義用Ppt windows女子部

タイトルの編集

240×120 にサイズを変更

ゲームビューでタイトルを確認

Page 59: 講義用Ppt windows女子部

スクリプトを書きましょう

Project create JAVA⇒ ⇒   script でスクリプトを作成下のスクリプトを書いてください

function Update () { if(Input.GetButtonDown("Jump")){ Application.LoadLevel(“1"); }}

Page 60: 講義用Ppt windows女子部

スクリプトを書きましょう

function Update () { if(Input.GetButtonDown("Jump")){ Application.LoadLevel("ball and cube"); }}

・ GetButtonDown関数 ボタンが押されたことを検出・Jump スペースキー・ Application クラスの LoadLevel関数 指定したシーンを読みこむ

Page 61: 講義用Ppt windows女子部

空のオブジェクトに入れましょう

Create⇒ Create Emptyで作成

Page 62: 講義用Ppt windows女子部

Play

正常に動くか確認

Page 63: 講義用Ppt windows女子部

ビルド

Page 64: 講義用Ppt windows女子部

うごきました?^^

Page 65: 講義用Ppt windows女子部

クロージング

Page 66: 講義用Ppt windows女子部

今日やったこと

① インストール② オブジェクトを並べた③ 少しスクリプトを書いた④ シーンとシーンをつないでみた

Page 67: 講義用Ppt windows女子部

最後に

あいさつとやってみた感想

Page 68: 講義用Ppt windows女子部

今日はありがとうございました

      おわり

Page 69: 講義用Ppt windows女子部

インストール!

http://japan.unity3d.com/

Page 70: 講義用Ppt windows女子部

インストール!

Page 71: 講義用Ppt windows女子部

インストール!

Page 72: 講義用Ppt windows女子部

インストール!

Page 73: 講義用Ppt windows女子部

インストール!

Page 74: 講義用Ppt windows女子部

インストール!1 2

3 4

Page 75: 講義用Ppt windows女子部

インストール!

少し待ってて

Page 76: 講義用Ppt windows女子部

インストール終了!

これで終了