feature image

2018年9月9日 | ブログ記事

しろうととまなぶ たのしい Unity Package Manager へん

1.はじめに

この記事は2018年夏のブログリレー9/9の記事です。(9と言えば日常系アニメの傑作ハクメイとミコチの身長が9センチです。アマプラとかにあったはずなので見てない兄貴は早急に全話見ましょう。見たことある兄貴もこの機会にもう一度見ましょう)
この記事の対象者はUnityのバージョンが知らんうちに上がっているけど新機能全くわかんねえぜって方向けにUnity Package Managerを中心にして、いくつかのPackageの導入とそれを使って軽く遊ぶ程度の解説をします。Packageの簡単な紹介も含みます。全てのPackageについてがっつり使い方をやるわけではありません。尺の都合ってやつです。
記事中ではUnityのバージョンは2018.2.1f1を扱っています。
性質上Unityにすごく強い方向けの記事ではありません。ご容赦ください。
前々回、前回の内容を押さえた上である程度Unityを触っていればわかる内容だと思います。 お相手は永遠の素人tyoxuでお送りします。

†もくじ†
1. はじめに
2. Packageとは
3. ProBuilderを使ってみよう
4. ShaderGraph、Render-Pipelineを導入してみよう
5. ShaderGraphでシェーダーに入門しよう
6. その他のPackage紹介
7. おわりに

2.Packageとは

A package contains features to fit the various needs of your project. This can include any core features of Unity which is installed along with the Editor, or other packages which you can install as needed. (引用元)
Unity側をアップデートせずに、欲しい機能を追加する機能です。「全てのゲームに必須ではないですがあると便利な時がある」ものが多いですね。
一方で、UnityにはAssetStoreというユーザーサイドが作ったオブジェクトのテンプレートやエディタ拡張機能などを有料で購入したり無料でダウンロードできたりする機能も用意されています。
比べて、Packageは、機能を公開しているのが公式サイドであるとか無料であるとかと言った細かい利点があります。
最近の新機能の一部はPackageの形で提供されているので必要な物だけを選んで利用しましょう。

3.ProBuilderを導入して、使ってみよう

ProBuilder は、3D モデリングツールとレベルデザインツールのハイブリッドツールです。シンプルなジオメトリの構築用に最適化されていますが、必要に応じて詳細な編集と UV 展開 も可能になっています。(引用元)
ProBuilderは、Unity2018.1アップデートの目玉の一つになっている代物で、導入することで建物などの3DモデリングをUnity単体で出来る様になります。
一々モデリングソフトを開かなくてもよかったりUnityでの実際の描画具合などをリアルタイムで確かめながらモデリングできたり、xyz軸の配置がUnityと異なってなんかモヤモヤしなかったり使い慣れたUnityの操作で動かせたりと言った利点があります。
つよいですね。
そんなProBuilder含むPackageをUnityのプロジェクトに導入するには、Package Managerを利用します。(ない人は多分Unityのバージョンが低いです。場合によってはAssetStoreで無料で入手できるPackageがあることがあります。)

----------2018-09-07-22.17.19
Window>Package Managerを開くと、以下のような画面が表示されます。

----------2018-09-07-22.21.41
In ProjectとAllの二つのタブがありますね。In Projectが現在導入されているPackage一覧で、Allが利用可能なPackageの一覧です。
デフォルトでいくつかのPackageが導入されているのがわかりますね。Allのタブに移ってみましょう。

----------2018-09-07-22.25.28
ProBuilderを探してクリックすると上のような説明が出てきます。Installを押してしばらく待ちましょう。
In Projectの欄にProBuilderが追加されてれば導入成功です。それでは早速簡単に使ってみましょう!

----------2018-09-07-22.35.03
Tools>ProBuilderに何やら色々あります。とりあえずProBuilder Windowを開いてみると、こんな感じの画面が出てきます。

----------2018-09-07-22.45.26
英語ですが頑張って読みましょう。左上のNew Shapeを押すと、ワールド上に水色の箱みたいなのが生成されます。
同時に、shape toolという別のウインドウが表示され、Scene上に4つボタンが出ています。青い箱はプレビューで、Build Cubeを押すと白い箱が生成されます。
Shape Selectorをいじると外形を変更できます。

----------2018-09-07-22.47.47
4つのボタンは左からオブジェクト選択、頂点選択、辺選択、面選択モードに切り替わるためのボタンになっており、モードごとにProBuilderウインドウで利用できるメニューが変化します。
例えば、面モードなら面押し出しや面の三角面分解、分割などができます。メニューが英語なのはご愛嬌ということで。

----------2018-09-07-23.07.12
----------2018-09-08-17.34.03
どちらかというと概形作りに良さそうですね。細かいところは無料AssetのPolybrushとかを使うと良いでしょう。きっと誰かが解説してくれるはず(投げやり)

UV展開とか色々な形式での出力にも対応しています。

----------2018-09-07-23.02.52
Unityでモデリングをしてblenderとかでボーンを入れてアニメーションつけてUnityで動かす・・・みたいな流れも面白そうですね。

4.ShaderGraph、Render-Pipelineを導入してみよう

VRChatとかをやってるとたま〜に聞くShader(シェーダー)とはそもそも何かと言うと、
All rendering in Unity is done with Shaders - small scripts that let you configure the how the graphics hardware is set up for rendering.引用元
・・・Unityにおいては描画がどのように画面にされるかを操作する小規模な(小規模とは言ってない)
スクリプトとして扱われています。 このシェーダーは書く言語がUnityの通常スクリプティングで使用するC#ではなくてHLSL(はい れべる しぇーでぃんぐ らんげーじ。C言語に近い文法がウリです)/Cg(C ふぉあ ぐらふぃっく。HLSLとほぼ同じです、ほんまか?)や、ShaderLabなどグラフィックを触ってないとなかなか聞かない言語で書きます。
・・・新しい言語を習得するのは割と敷居が高いです。面倒です。そばや先輩の割と昔の記事にはシェーダーコワクナイヨみたいなことが書いてありましたが、もっとなんか楽にシェーダーを書く方法は無いものでしょうか?(甘え)(自然な導入)

----------2018-09-08-18.15.22
\あったよ!楽にシェーダーを書けるツールあった!/\でかした!/
早速インストールして見ましょう。使うには、Projectウインドウ上で右クリック→Create>Shader>〇〇Graphです!今回はUnlitGraphを新規作成します。今回は紹介なので違いとかは説明しません。許して

----------2018-09-08-18.36.10
新規作成されたNew Shader GraphをInspectorで表示すると出てくるOpenShaderEditorを押すと、編集画面が開きます。・・・・・?

----------2018-09-08-18.43.16
ピンクやないかい!
というわけで、ShaderGraphを利用するにはグラフィックパイプラインの設定が必要です。するには、PackageManagerから、Render-Pipeline CoreとRender-Pipeline Lightweightが必要です。

----------2018-09-08-18.49.00
----------2018-09-08-18.49.14
そうしたら、ProjectにLightweight Pipeline Assetを新規作成し、

----------2018-09-08-18.52.01
Edit>Project Setting>Graphicsを選択し、新規作成したLightweight Pipeline Assetを画像のところに設定します。

----------2018-09-08-18.55.57
----------2018-09-08-18.53.17
すると、

----------2018-09-08-19.00.34
今度はここまでシーン上に置いてあったオブジェクトがピンクになってしましました。これはUnity側デフォルトの通常シェーダーがレンダーパイプラインに非対応とかが原因です。
Edit>Upgrade Project Materials to LightWeight Materialsをすると、Unityデフォルトのマテリアルや他のPackageに入っているマテリアル以外はピンクではなくなります。デフォルトのやつや他のPackageに入っているやつはアプデされないらしいので仕方がないからなんか頑張って作った奴を割り当てましょう。設定後に新規作成したオブジェクトはパイプライン対応のマテリアルがデフォになります。
----------2018-09-08-19.03.43

5.ShaderGraphでシェーダーに入門しよう

4.で長々と導入を開設したのでこの章では使い方をしていきます。4.と同様に、Projectウインドウ上で右クリック→Create>Shader>UnlitGraphを押し、New Shader Graphを選択してInspector上のOpen Shader Editorを押すと、以下のような画面が出てきます。 5. ![----------2018-09-08-21.26.25](/content/images/2018/09/----------2018-09-08-21.26.25.png) Unlit Masterと呼ばれる四角があります。このような四角をShaderGraphではノードと呼びます。

----------2018-09-08-21.28.45
ノード上部にはなにやら色々書かれています。上から場所、色、透明度、アルファチャンネルの閾値の入力(この辺りはUnlitだとあまり関係がなさそう?)を表しています。()内に入っている数字ははそこに代入される値の数ですね。例えば、colorはRBBで3つの数字をまとめてここに入力する必要があります。今は真横に灰色がくっついていて、それが入力されているみたいですね。ちょっと別のものを代入して見ましょう。
適当なところを右クリックして、ノードを作成して見ましょう

----------2018-09-08-21.38.07
----------2018-09-08-21.39.11
なんか安心感がある画面が出てきましたね。今回はVector3を
出して見ましょう。

----------2018-09-08-21.41.22
上部左側にx,y,zの欄があり、これが入力になっているのは先ほどのやつに似ていますね。さらに右上の方にも一つOutというものがあります。ノード上部の右側にノードへの入力が、左側にノードからの出力が来ているわけですね。しかし、このままでは2つのノードは関係がありません。X,Y,Zの値を適当にいじっても色が変わるとかはありません。そこで、Out(3)の右に表示されている丸を左クリックして、MasterのColor(3)の右の丸めがけてドラッグして見ましょう。

--
繋がりましたね。これで、XやYやZを変更することで色を操作することができるようになりました。このXやYやZに色々代入したり、他の様々なノードを用いて簡単なシェーダーをコーディングなしで作ることができます。すごいですね。

-

6.その他のPackage紹介

ここまでで雑に紹介して来たのが大型だったので細々したものも紹介していきます。

----------2018-09-08-22.12.52
IncrementalCompileは、コードのコンパイル時に、それが2回目以降のコンパイルなら前回から追加された部分をコンパイル後のコードに追加すれば早くなるんじゃね?というコンセプトで作られたPackageで、2回目以降のコンパイルが爆速になります。すごそう。

----------2018-09-08-22.16.41
Chinemachineはゲーム中のカメラの移動をするPrefabが入っています。Standerd Assetに入ってるカメラより色々凝りたい(けどコードを書くのが面倒くさい)人向けですね。
ここからは2D用のやつです。

----------2018-09-08-22.36.16
2D Animationを使うと、スプライト画像にボーンを入れてウエイトをつけることができます。オート機能もあるよ!

----------2018-09-08-22.35.58
入れたボーンはtransformを持っているのでUnity2017からのTimelineや、昔からあるAnimationClipなんかと組み合わせてアニメーションさせてもいいですね!

----------2018-09-08-22.54.35
2D Pixel Perferctは、導入して設定すればドット絵のゲームが1ドットを守って描画されるようになります。言い換えると、謎の小数点ドット現象が発生しなくなります。突如ドット絵過激派に襲われるのが心配で夜寝れない人向けですね。

7.おわりに

かなり紹介とも導入ともどっちつかずで進めた記事ですがこれで終わりです。ここまで読んでくださった方ありがとうございます。アプデで新機能続々のUnity、皆様も是非触って見てくださいね!(あとハクミコも見て)
明日はringさんの記事が(多分)あるのでお楽しみに!
tyoxu icon
この記事を書いた人
tyoxu

素人です

この記事をシェア

このエントリーをはてなブックマークに追加
共有

関連する記事

2023年11月21日
School Breakin' Tag -新感覚おにごっこ-
s9 icon s9
2023年4月17日
ポケモンを飼いたい夢を叶える
tqk icon tqk
2023年9月3日
タイピング&アクション『TypeTheCode』作りました
wal icon wal
2021年8月12日
CPCTFを支えたWebshell
mazrean icon mazrean
2022年9月26日
競プロしかシラン人間が web アプリ QK Judge を作った話
tqk icon tqk
2022年9月16日
5日でゲームを作った #tararira
Komichi icon Komichi
記事一覧 タグ一覧 Google アナリティクスについて 特定商取引法に基づく表記