ミサイルアセット3分間ハッキング♪
•
0 gefällt mir•750 views
2016年5月14日に福岡・博多のペパボで開催されるイベント「Unity Fukuoka 11 〜自作アセットとシェーダを添えて〜」の中の「アセット３分クッキング」で使うチュートリアルです。 https://atnd.org/events/77231
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (12)
Mehr von Takashi Jona
Mehr von Takashi Jona (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (7)
ミサイルアセット3分間ハッキング♪
- 4. ⾃自⼰己紹介 • 名前： 常名 隆司（じょうな たかし） • 埼⽟玉県⼤大宮市⽣生まれ • 不不動産屋でリフォーム1年年、会計4年年 • K●●IでISPの技術SV統括 2年年 • GMOクラウドでエンジニア 10年年、 事業開発 3年年（Photon⽴立立ち上げとか） • 2014年年から現職 – @AssetStore_̲JP の中の⼈人 • ⾃自腹CES芸⼈人 – http://togetter.com/id/takashijona • VR Game Jam in Japan主宰 – http://ocujam.jp
- 5. はじめに • 福岡からアセット誕⽣生！ • たぶん、福岡初？ • もしかしたら、九州初？
- 7. はじめに
- 8. やってみること • このAdvanced Missileアセットを • 3分間で • 使いこなしちゃおう！ • みんなで♪
- 9. みんなで⼀一緒にやること • アセットが⼊入ったUSBを配布 • アセットをインポート • おいらがライブで作る • みんなも⼀一緒に作る • アセットを削除する • アセットが⼊入ったUSBを回収 • LTで発表する • ⾯面⽩白かったらバウチャー提供
- 10. COPYLIGHT 2015 © UNITY TECHNOLOGIES JAPAN
- 11. プロジェクトの作成 • Project name – Missile – 半⾓角英数字 • Location – 保存先のディレクトリを指 定する • Create project – ボタンをクリックすると新 規プロジェクトが⽴立立ち上が る
- 13. アセットのインポート • USBメモリをMac/PCに挿す • ツールバーの “Assets” > “Import Packages” > “Custom Package...” を選 択 • “Import Package...” ウィ ンドウでUSBメモリを選択 • “Advanced...” をクリック して [Open] ボタンをク リック • 通常はアセットの再配布は NGです
- 14. アセットのインポート • “Import Unity Package” ウィンドウの右下の [Import] ボタンをクリック • 同じ要領領で残り3つのアセッ トもインポートする
- 15. アセットのインポート • 途中で “API Update Required” ウィンドウが現 れた場合は構わず右下の [I Made a Backup. Go Ahead!] ボタンをクリック
- 16. サンプルシーンを開く • プロジェクトウィンドウの Assets > AdvancedMissile > Sample > Sample_̲02を 開き、Sample_̲02をダブル クリックする • Unityのプレイボタンをク リックして先ずはミサイル アセットを堪能する • しゃぶり尽くしたらプレイ ボタンを解除する
- 17. 蝶々をブッ込む • プロジェクトウィンドウの Assets > GruffysAnimatedButterfly > Prefabを開く • butterfly2 をAssets > AdvancedMissile > Sample > Sample_̲02にド ラッグアンドドロップ
- 18. 蝶々をブッ込む • プロジェクトウィンドウの Assets > AdvancedMissile > Sample > Sample_̲02を 開く • butterfly2をHierarchyにド ラッグアンドドロップ
- 19. 蝶々をブッ込む • Hierarchyのbutterfly2をク リックする • Inspectorの Tag を Untaggedから Playerに変 更更
- 20. 蝶々をブッ込む • Inspectorの Transformの 値を以下に変更更 • Position : X:0, Y:0, Z:0 • Rotation : X:0, Y:180, Z:0
- 21. 蝶々をブッ込む • Add Componentボタンを クリック • 検索索窓で col と⼊入⼒力力して Box Colliderを選択する
- 22. 蝶々をブッ込む • プロジェクトウィンドウの Assets > AdvancedMissile > Sampleを開く • TargetMove_̲02を Hierarchyウィンドウの butterfly2にドラッグアンド ドロップでアタッチする
- 23. 蝶々をブッ込む • Hierarchyウィンドウで Targetの左端の右向き三⾓角 をクリックする • Targetにぶら下がっている Main Cameraを butterfly2 にドラッグしてアタッチし 直す
- 24. 蝶々をブッ込む • Hierarchyで butterfly2の左 端の右向き三⾓角をクリック • butterfly2にぶら下がってい るMain CameraのInspector でTransformの値を以下に設 定 • Position: X:0, Y:1.5, Z:4.5 • Rotation: X:15 / Y:0 / Z:0
- 25. 蝶々をブッ込む • Hierarchyのbutterfly2をク リックする • Inspectorの [Apply] ボタ ンをクリック
- 26. 蝶々をブッ込む • Hierarchyで Targetを削除 • Hierarchyで Canvasを削除
- 27. 蝶々をブッ込む • Hierarchyで Emitterをク リック • Transformの Positionの Z を300に変更更 • Sample Creator (Script)の Numberを100に変更更
- 28. ミサイルを微調節する • プロジェクトウィンドウの Assets > AdvancedMissile > Sample > Sample_̲02を 開き、Missileをクリック • Inspectorウィンドウの Advanced Missile (Script) の、Searchを以下に設定 • SearchType – TargetTags Size: 1 – TargetTags Element 0 : Player
- 29. ミサイルを微調節する • CanResearch: チェックを つける – Interval: 0.5 • Movementの MoveTypeの 値を以下に設定 – MinSpeed: 0.75 – MaxSpeed: 0.9 • Effectsの ExplosionEffect をExploson1に変更更
- 31. 蝶々を変えてみる
- 32. アセットストアを使う • マーケットプレイス – Unityで何かを開発する時に、 – すぐ使えるパッケージ（ア セット）を、 – 無料料で取得・有料料で購⼊入でき るマーケットプレイス – 3Dモデル、アニメーション、 Unity拡張、⾳音素材、特殊効果 – 総点数 27,000強 • みんなが使っている – ⼤大⼿手ゲーム開発会社 – 有名ゲーム・アプリ
- 33. アセットストアを使う • アセットストアを開く – Menu > Window > Asset Store – シーンビューの上にアセット ストアウィンドウが開く
- 35. アセットストアを使う • アセットストアにログイン • メール – 登録したメールアドレス • パスワード – 登録したパスワード • [ログイン] ボタンをポチる • Full Nameに登録した名前 に切切り替わる
- 36. アセットストアを使う • もしもログインできなかっ たら、、、 – [アカウント作成] ボタンをポ チる
- 37. アセットストアを使う • ⾃自動的にブラウザが開く • Email – 受け取れるメールアドレス • Password – 8⽂文字以上で記号、英⼤大⼩小⽂文字、 数字を組み合わせる • Username – ペンネームみたいなもの • Full Name – 英⽂文の実名 • Country – 必ず【Japan】を選ぶ！
- 38. アセットストアを使う • Click or touch the 〜～〜～〜～ – 〜～〜～〜～で指定されている絵柄 を選ぶ • I agree to the〜～〜～〜～ – 利利⽤用規約とプライバシーポリ シーに同意できるならチェッ クをつける • Get Unity news – Unityからの各種お知らせが届 く – 不不要ならチェックしない • Create a Unity ID – ポチッと！
- 39. アセットストアを使う • Confirm your Email に変 わったらメールを受信する • メール本⽂文中の “Link to confirm email” をクリック する
- 40. アセットストアを使う • アセットストアにログイン – [ログイン] ボタンをポチる
- 41. アセットストアを使う • アセットストアにログイン • メール – 登録したメールアドレス • パスワード – 登録したパスワード • [ログイン] ボタンをポチる • Full Nameに登録した名前 に切切り替わる
- 42. アセットストアを使う • なにはともあれ検索索 • And検索索 – 検索索単語をスペースでつなぐ • Or検索索 – 単語をパイプ | でつなぐ • And/Or検索索 – かっこ（）でくくりスペース でつなぐ – (fire|flare|burn) effect • 除外 – マイナス – を付ける – car -‐‑‒cartoon 今回は star を検索索してみる
- 43. アセットストアを使う • 値段順に並べ替える – 無料料から順に並ぶ – 無料料の中からカテゴリが “3D モデル” のものを選ぶ – 例例では “Cartoon Props Pack” • ⿊黒い太⽂文字がアセット名 – アセット名をクリックする – アセットの説明ページが開く – そこからダウンロードできる
- 44. アセットストアを使う • [ダウンロード]をポチる – ダウンロードボタンがプログ レスバー（何%ダウンロード 中のように伸びる）に変わる – 100%になると “Import Unity Package” 画⾯面が開く • 特に気にせず [Import] ボ タンをポチる – ダウンロードしたアセットの 解凍とインポートが始まる
- 47. 蝶々をスズメバチに変える • Giant Hornetをインポート • プロジェクトウィンドウの Assets > Giant_̲Hornet > Prefabsを開き、 Giant_̲hornet_̲style1を Assets > AdvancedMissile > Sample > Sample_̲02に ドラッグアンドドロップ
- 48. 蝶々をスズメバチに変える • プロジェクトウィンドウの Assets > Giant_̲Hornetを 開き、Giant_̲hornetを Hierarchyにドラッグアンド ドロップする
- 49. 蝶々をスズメバチに変える • プロジェクトウィンドウの Assets > Giant_̲Hornetを 開き、Giant_̲hornetの右側 の右向き三⾓角をクリックす る • 出てきた中の Fly_̲idleを Hierarchyの中の Giant_̲hornetにドラッグア ンドドロップすると、 Assets > Giant_̲Hornet > Prefabsに Giant_̲hornetコ ントローラーが⽣生成される
- 50. 蝶々をスズメバチに変える • プロジェクトウィンドウの Assets > Giant_̲Hornetの Giant_̲hornetコントロー ラーを Assets > AdvancedMissile > Sample > Sample_̲02にド ラッグアンドドロップする
- 52. 蝶々をスズメバチに変える • プロジェクトウィンドウの Assets > AdvancedMissile > Sample > Sample_̲02を 開く • Giant_̲hornet_̲Style1を Hierarchyにドラッグアンド ドロップ
- 53. 蝶々をスズメバチに変える • Hierarchyの Giant_̲hornet_̲style1をク リックして Inspectorを開 く • InspectorのAnimatorの Controllerで Giant_̲hornet をクリックして選択する
- 54. 蝶々をスズメバチに変える • Inspectorの Tag を Untaggedから Playerに変 更更する • Inspectorの Transformの 値を以下に変更更する • Position : X:0, Y:0, Z:0 • Rotation : X:0, Y:0, Z:0
- 55. 蝶々をスズメバチに変える • プロジェクトウィンドウの Assets > AdvancedMissile > Sampleを開く • TargetMove_̲02を Hierarchyウィンドウの Giant_̲hornet_̲Style1にド ラッグアンドドロップでア タッチする
- 56. 蝶々をスズメバチに変える • Hierarchyウィンドウで Targetの左端の右向き三⾓角 をクリック • Main Cameraを Giant_̲hornet_̲Style1にド ラッグしてアタッチし直す
- 57. 蝶々をスズメバチに変える • Hierarchyで Giant_̲hornet_̲Style1 > Main CameraのInspector で、Transformの値を以下 に設定 • Position: X:0, Y: 2, Z:-‐‑‒7.5 • Rotation: X:10, Y:0, Z:0 • Inspectorの [Apply] をク リック • Hierarchyで butterfly2を削 除