講義用ppt windows女子部
TRANSCRIPT
![Page 1: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/1.jpg)
はじめての 教室
![Page 2: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/2.jpg)
初めまして^^Windows 女子部の皆さ
ん!
![Page 3: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/3.jpg)
講師紹介
• 高橋 理佳子 TMCN youth
1994年2月21日岩手県出身獨協大学 経済学部 経営学科 在学
趣味 特技ピアノ歴9年バドミントン歴10年
IoTイノベーターカップ 特別賞Innovator Academy 特別賞Tokyo Hackademics 2015 優勝
![Page 4: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/4.jpg)
今日のながれ
• ① アイスブレーク(1) たかりかを知ろう (2)unity を知ろう!
• ② unity を入れてみよう!• ③ unity を触ってみよう!• ④ ゲームを作ってみよう!• ⑤ 遊んでみよう!• ⑥ クロージング
![Page 5: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/5.jpg)
unity ってなーに?
• 一言で言えば “ゲーム開発ツール”
・ゲームを動かすために “ゲームエンジン”と ゲーム内のコンテンツを編集する “エディター”が統合された
“ エディター統合型ゲームエンジン”
![Page 6: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/6.jpg)
インストールしましたよね♪
![Page 7: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/7.jpg)
それじゃ起動しましょうか
![Page 8: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/8.jpg)
プロジェクトの作成
![Page 9: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/9.jpg)
プロジェクトの生成
適当に名前を決めて適当に保存先を決めて※ 空のフォルダ
Create project を押す!!
![Page 10: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/10.jpg)
画面の説明
ツールバー
Sceneビュー
Hierarchyビュー
Inspector ビュー
project ビュー
現在のシーンを視覚的に確認できるシーンの中に配置されているオブジェクトの階層構造を確認できる
オブジェクトやファイルの内容を確認したり、詳細に設定することが出来る .
プロジェクト内の、ファイルの 様子を表示する画面。 .
![Page 11: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/11.jpg)
画面の説明
Gameビュー
Console ビュー
ツールバーのプレイを押すことで作成中のゲームを実際に動かしてプレビューすることが出来る
エラーメッセージを確認することが出来ます
![Page 12: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/12.jpg)
下準備をしましょう
Project ビューの Asset フォルダを右クリック↓
Create から folder を選択
![Page 13: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/13.jpg)
フォルダ管理📂
フォルダを三つ作って“ Materials”,“scenes”,“scripts” と名前を振る .
これをやらないと後々後悔しますよ~
![Page 14: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/14.jpg)
そろそろなんか作りましょうか
![Page 15: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/15.jpg)
とりあえずなんかつくってみましょ
• この章ではこんなのを作ります!!
![Page 16: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/16.jpg)
板をつくる
Hierarchy ビューで“create”→“Cube” を選択
![Page 17: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/17.jpg)
板をつくる
Hierarchy ビューで“Cube” が追加されている
Position は(x,y,z)=(0.0.0) にする
スケールツールを選択試しに他のツールも触ってみましょうか
![Page 18: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/18.jpg)
板をつくる
この■を引っ張る
![Page 19: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/19.jpg)
板をつくる
(50,1,50) と入力
![Page 20: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/20.jpg)
軽く tips①ALT + CTRL(Mac の人は commando) + ドラッグ⇒“ 平行移動!!”
②ALT + ドラッグ⇒“ 視界の旋回!!”③ マウスホイール ⇒“ズーム”④Hierarchy から選択したオブジェクトをダブルクリック ⇒選択したオブジェクトに焦点を合わせる
これは便利ですよ
![Page 21: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/21.jpg)
玉をつくる
“Hierarchy ビュー”“⇒ Sphere”
![Page 22: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/22.jpg)
玉をつくる
移動ツールとスケールツールを使ってうまい感じに
![Page 23: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/23.jpg)
玉に物理挙動を与える
玉を選択して、メニューから“component” “Physics” “Rigidbody”⇒ ⇒
![Page 24: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/24.jpg)
玉に物理挙動を与える
Use Gravityに が入れば☑重力が適用されY軸に負の方向に落下しようとする力が発生します .
![Page 25: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/25.jpg)
床にも物理挙動を与える
床はその場でとどまっててほしいのでIs Kinematic に を入れる☑
同じようにメニューから“component” “Physics” “Rigidbody”⇒ ⇒
![Page 26: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/26.jpg)
うごかしてみましょ
ココを押して
![Page 27: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/27.jpg)
でけぇ!!
アップすぎ!!
停止押してもう一度 play ボタン押して
![Page 28: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/28.jpg)
play ボタン押してる状態
え!保存されないんだけど!
play ボタン押してない状態今の状態を確認したら play ボタン押してない状態にしましょう!保存されないのです .. > < ..
![Page 29: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/29.jpg)
カメラを動かしましょう
移動ツールや回転ツールでうまい感じに調整して…右下のプレビューで確認して ..,
あんまりうまくいかなかったらとりあえずposition(0,30,-60) Rotation(25,0,0)でなんとかしてください
![Page 30: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/30.jpg)
もう一度再生!!
![Page 31: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/31.jpg)
次は反発係数を入力
Project create⇒ からPhysic material を選択出てきたものを material フォルダへ
![Page 32: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/32.jpg)
反発係数を入力
0 ~ 1 で値を入力
![Page 33: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/33.jpg)
反発係数を入力
ドラッグ&ドロップ
Sphere を選択
![Page 34: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/34.jpg)
反発係数を入力
ドラッグ&ドロップ
Cube を選択
![Page 35: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/35.jpg)
うごかしてみましょ!!
ココ押して回転ツールでいじって
![Page 36: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/36.jpg)
キー操作を実装しましょうか
![Page 37: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/37.jpg)
Script を作成
Project create JAVA script⇒ ⇒
![Page 38: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/38.jpg)
かきましょう
出来た script をダブルクリックするとこんな画面になります
![Page 39: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/39.jpg)
かきましょう
このオブジェクトの姿勢を秒間 30 秒の速さで入力方向に Z 軸回転する
![Page 40: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/40.jpg)
実装
ドラッグ&ドロップ
![Page 41: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/41.jpg)
ビルド
File Build Settings⇒ …を選択
![Page 42: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/42.jpg)
ビルド
Build 押して適当に名前つけて保存!
![Page 43: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/43.jpg)
遊びましょう
さっき書き出したファイルをダブルクリックして
![Page 44: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/44.jpg)
どうですか?楽しいですか?
![Page 45: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/45.jpg)
ボールに色をつけて女子力をあげてみましょう❤️
![Page 46: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/46.jpg)
1. Project create⇒ ⇒Material
ボールに女子力を❤️
![Page 47: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/47.jpg)
1. 名前は ball coler とつけましょう2. 好きな色を選らんでください3. ドロップ & ドロップ
ボールに女子力を❤️
ドラッグ&ドロップ
![Page 48: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/48.jpg)
女子力注入できましたか?❤️
![Page 49: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/49.jpg)
それではもっとゲームっぽいのを作ってみましょう
![Page 50: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/50.jpg)
じゃあどうする?
① まずはタイトル画面が欲しいよね② ルールが欲しい③ ゲームクリアとゲームオーバー画面も欲しい
![Page 51: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/51.jpg)
こんな感じ…
スタート画面
ゲームオーバー
ゲームクリアゲーム本編
スペースキー 20 秒たった
20 秒以内に玉が落ちた
5秒たった
今日はここまで作ってみましょう
![Page 52: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/52.jpg)
まずは main シーンの保存
1.File Build Setting⇒
2.Add Current を押す3.Build を押す
![Page 53: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/53.jpg)
タイトル画面シーンの追加
File Save Scene As⇒ で“ title” として保存
![Page 54: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/54.jpg)
シーン順序の変更
1.File Build Setting⇒
2.Add Current を押す3.Scenes In Build の title を一番上に ドラッグ
![Page 55: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/55.jpg)
タイトル画面の作成
1.Hierarchy ビューで メインカメラを選択2.Clear Flags を Solid Collar にする3.Background を青に する
![Page 56: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/56.jpg)
続いて文字を作成
Hierarchy>Create>UI>Text を選択する名前は Title に変えておく
![Page 57: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/57.jpg)
タイトルの編集
Alt を押しながらクリック
![Page 58: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/58.jpg)
タイトルの編集
240×120 にサイズを変更
ゲームビューでタイトルを確認
![Page 59: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/59.jpg)
スクリプトを書きましょう
Project create JAVA⇒ ⇒ script でスクリプトを作成下のスクリプトを書いてください
function Update () { if(Input.GetButtonDown("Jump")){ Application.LoadLevel(“1"); }}
![Page 60: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/60.jpg)
スクリプトを書きましょう
function Update () { if(Input.GetButtonDown("Jump")){ Application.LoadLevel("ball and cube"); }}
・ GetButtonDown関数 ボタンが押されたことを検出・Jump スペースキー・ Application クラスの LoadLevel関数 指定したシーンを読みこむ
![Page 61: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/61.jpg)
空のオブジェクトに入れましょう
Create⇒ Create Emptyで作成
![Page 62: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/62.jpg)
Play
正常に動くか確認
![Page 63: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/63.jpg)
ビルド
![Page 64: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/64.jpg)
うごきました?^^
![Page 65: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/65.jpg)
クロージング
![Page 66: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/66.jpg)
今日やったこと
① インストール② オブジェクトを並べた③ 少しスクリプトを書いた④ シーンとシーンをつないでみた
![Page 67: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/67.jpg)
最後に
あいさつとやってみた感想
![Page 68: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/68.jpg)
今日はありがとうございました
おわり
![Page 69: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/69.jpg)
インストール!
http://japan.unity3d.com/
![Page 70: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/70.jpg)
インストール!
![Page 71: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/71.jpg)
インストール!
![Page 72: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/72.jpg)
インストール!
![Page 73: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/73.jpg)
インストール!
![Page 74: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/74.jpg)
インストール!1 2
3 4
![Page 75: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/75.jpg)
インストール!
少し待ってて
![Page 76: 講義用Ppt windows女子部](https://reader036.vdocuments.mx/reader036/viewer/2022081422/58ed2f2c1a28ab21448b462f/html5/thumbnails/76.jpg)
インストール終了!
これで終了