<h1 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h1>
<p>この記事は「<a href="https://qiita.com/advent-calendar/2021/easyeasy" target="_blank" rel="nofollow noopener noreferrer">完全に理解したTalk Advent Calendar 2021</a>」の18日目の記事です。<br>
Unityのアセットの<a href="https://assetstore.unity.com/packages/tools/level-design/bakery-gpu-lightmapper-122218" target="_blank" rel="nofollow noopener noreferrer">Bakery</a>を完全に理解をしましたので記事を作成しました。<br>
この記事を見てBakeryが気になった方は是非購入・使用してみてください。</p>
<h1 id="bakery%E3%81%A8%E3%81%AF">
<a class="header-anchor-link" href="#bakery%E3%81%A8%E3%81%AF" aria-hidden="true"></a> <a href="https://assetstore.unity.com/packages/tools/level-design/bakery-gpu-lightmapper-122218" target="_blank" rel="nofollow noopener noreferrer">Bakery</a>とは</h1>
<p>正式名称は「Bakery - GPU Lightmapper」です。<br>
通常のUnityはCPUでしかライトマップを使用することが出来ません。<br>
（一応GPUライトマッパーは用意されていますがプレビュー版です）<br>
しかしこのBakeryを使うとGPUでライトマップをベイクすることができます！凄いですね！</p>
<p><strong>注意事項</strong><br>
AMDのグラフィックボードは未サポート<br>
Macには未対応</p>
<h1 id="%E4%BB%8A%E5%9B%9E%E3%82%84%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8">
<a class="header-anchor-link" href="#%E4%BB%8A%E5%9B%9E%E3%82%84%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8" aria-hidden="true"></a> 今回やったこと</h1>
<p>3Dモデルを作成してプロジェクトにインポート後、Bakeryでベイクしました。<br>
当初Substance 3D Painter完全に理解したの記事かBakery完全に理解したどちらの記事を書こうか悩み、最初にSubstance 3D Painterに手を付けたのですが和解できなかったのでBakeryを選びました。<br>
Substance 3D Painterとは一生和解できる気がしません。</p>
<h1 id="%E5%89%8D%E6%BA%96%E5%82%99%EF%BC%883d%E3%83%A2%E3%83%87%E3%83%AB%E3%81%AE%E4%BD%9C%E6%88%90%EF%BC%89">
<a class="header-anchor-link" href="#%E5%89%8D%E6%BA%96%E5%82%99%EF%BC%883d%E3%83%A2%E3%83%87%E3%83%AB%E3%81%AE%E4%BD%9C%E6%88%90%EF%BC%89" aria-hidden="true"></a> 前準備（3Dモデルの作成）</h1>
<p>ライトマップベイク用の3Dモデルが必要なので準備します。<br>
ちゃぶ台が置いてある部屋を作成しました。<br>
作成が終わったらfbxでエクスポートしましょう。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/72e45e96fbd5-20211216.png" alt="world_001" loading="lazy" class="md-img"></p>
<h1 id="%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E4%BD%9C%E6%88%90">
<a class="header-anchor-link" href="#%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E4%BD%9C%E6%88%90" aria-hidden="true"></a> プロジェクトの作成</h1>
<p>まずUnityのプロジェクトを作成します。<br>
もしかしたらVRChatにワールドをアップロードしたくなるかもしれないので2019.4.31f1で作成しましょう。<br>
※現在VRChatがサポートしているUnityのバージョンは<a href="https://docs.vrchat.com/docs/current-unity-version" target="_blank" rel="nofollow noopener noreferrer">こちら</a>から確認できます</p>
<ul>
<li>Unity Hubを起動して右上の「新規作成」横の▽をクリック。</li>
<li>2019.4.31f1を選択してクリック。<br>
※2019.4.31f1をインストールしていない場合は先にインストールしておく</li>
<li>テンプレートで「3D」が選択されていることを確認。</li>
<li>プロジェクト名に任意のプロジェクト名を入れ、保存先を選択して「作成」をクリック。</li>
</ul>
<p><img src="https://storage.googleapis.com/zenn-user-upload/1b8a78d48ac7-20211216.png" alt="create_project_001" loading="lazy" class="md-img"></p>
<h1 id="bakery%E3%81%AE%E3%82%A4%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%88">
<a class="header-anchor-link" href="#bakery%E3%81%AE%E3%82%A4%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%88" aria-hidden="true"></a> Bakeryのインポート</h1>
<p>作成完了後はBakeryをインポートします。</p>
<ul>
<li>メニューの「Window」をクリック後、「Package Manager」をクリック</li>
<li>左上の「Unity Registry」をクリックして「My Assets」に変更</li>
<li>右上の検索窓から「Bakery」を入力</li>
<li>アセットを選択して「Import」をクリック<br>
※まだ一度もアセットをダウンロードしていない場合は先に「Download」をクリック</li>
</ul>
<p><img src="https://storage.googleapis.com/zenn-user-upload/a7262115b7ed-20211216.png" alt="import_bakery_001" loading="lazy" class="md-img"></p>
<h1 id="3d%E3%83%A2%E3%83%87%E3%83%AB%E3%81%AE%E3%82%A4%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%88">
<a class="header-anchor-link" href="#3d%E3%83%A2%E3%83%87%E3%83%AB%E3%81%AE%E3%82%A4%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%88" aria-hidden="true"></a> 3Dモデルのインポート</h1>
<p>はじめに作成した3Dモデルをプロジェクトにインポートします。</p>
<ul>
<li>モデリングソフトからエクスポートしたfbxをUnityのProjectウィンドウにドラッグ&amp;ドロップ</li>
<li>インポートが完了したらProjectウィンドウに表示されたfbxをHierarchyウィンドウにドラッグ&amp;ドロップ</li>
</ul>
<p><img src="https://storage.googleapis.com/zenn-user-upload/15412e5e3c18-20211216.png" alt="import_model_001" loading="lazy" class="md-img"></p>
<p>これでBakeryを使う準備ができました。</p>
<h1 id="bakery%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B">
<a class="header-anchor-link" href="#bakery%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B" aria-hidden="true"></a> Bakeryを使ってみる</h1>
<p>前の項で準備が完了しましたのでBakeryを使ってみましょう。<br>
こちらはBakeryのドキュメントのクイックスタートに則って実施してますので、詳細はAssets/Bakery/docsフォルダ内に存在するBakery_manual.pdfを確認した方が良いです。</p>
<h2 id="%EF%BC%88%E4%BB%BB%E6%84%8F%EF%BC%89generating-lightmap-uvs%E3%82%92%E8%A8%AD%E5%AE%9A">
<a class="header-anchor-link" href="#%EF%BC%88%E4%BB%BB%E6%84%8F%EF%BC%89generating-lightmap-uvs%E3%82%92%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> （任意）Generating Lightmap UVsを設定</h2>
<p>ライトマップのためにはライトマップ専用のUVが必要になります。<br>
今回のモデルはテクスチャすらないのでライトマップ用のUVをUnityに生成してもらいます。<br>
UVチャンネルが1つしかない場合も同様に設定が必要です。<br>
しかし、モデル作成時に既にUV2チャンネルを作成している場合は<strong>逆にUVが破壊されるので</strong>チェックしないでください。</p>
<ul>
<li>インポートしたfbxをクリックしてInspectorウィンドウのModelタブを表示</li>
<li>Generating Lightmap UVsのチェックをオン</li>
<li>Applyをクリック<br>
<img src="https://storage.googleapis.com/zenn-user-upload/9fa51f4f8cf1-20211217.png" alt="generate_lightmap_uv_001" loading="lazy" class="md-img"><br>
)</li>
</ul>
<h2 id="%E3%83%99%E3%82%A4%E3%82%AF%E3%81%99%E3%82%8B%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%ABstatic%E3%82%92%E8%A8%AD%E5%AE%9A">
<a class="header-anchor-link" href="#%E3%83%99%E3%82%A4%E3%82%AF%E3%81%99%E3%82%8B%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%ABstatic%E3%82%92%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> ベイクするオブジェクトにstaticを設定</h2>
<p>ライトマップをベイクするオブジェクトには必ず<strong>static</strong>にする必要があります。<br>
ベイクしたいオブジェクトをクリックした後Inspectorウィンドウでstaticにチェックを入れておきましょう。<br>
![check_static_001](<a href="https://storage.googleapis.com/zenn-user-upload/fc54e5aac095-20211217.png" target="_blank" rel="nofollow noopener noreferrer">https://storage.googleapis.com/zenn-user-upload/fc54e5aac095-20211217.png</a></p>
<h2 id="directional-light%E3%81%AB%E3%80%8Cbakery-direct-light%E3%80%8D%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E3%82%92%E4%BB%98%E4%B8%8E">
<a class="header-anchor-link" href="#directional-light%E3%81%AB%E3%80%8Cbakery-direct-light%E3%80%8D%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E3%82%92%E4%BB%98%E4%B8%8E" aria-hidden="true"></a> Directional Lightに「Bakery Direct Light」スクリプトを付与</h2>
<ul>
<li>HierarchyウィンドウのDirectional Lightをクリック</li>
<li>InspectorウィンドウでDirectional Lightに対して「Bakery Direct Light」スクリプトを付与</li>
</ul>
<p>ここまで実施した後、最後に1つ作業が必要になります。<br>
Directional LightとBakery Direct Lightのカラーを一致させる必要があります。<br>
Bakery Direct Lightスクリプト項目内の「Match lightmapped to real-time」をクリックして一致させましょう。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/7fc8cac50238-20211217.png" alt="match_lightmap_001" loading="lazy" class="md-img"></p>
<h2 id="%E7%92%B0%E5%A2%83%E5%85%89%E3%82%92%E8%BF%BD%E5%8A%A0">
<a class="header-anchor-link" href="#%E7%92%B0%E5%A2%83%E5%85%89%E3%82%92%E8%BF%BD%E5%8A%A0" aria-hidden="true"></a> 環境光を追加</h2>
<p>環境光を追加するためにライトを追加します。</p>
<ul>
<li>メニューの「Bakery」をクリック後、「Create」、「Skylight」を選択してクリック</li>
<li>追加したSkylightをクリックしてInspectorウィンドウからcolorを青みがかった色に設定</li>
<li>「Match scene skybox to this light」をクリックしてスカイボックスの色を先程選択したcolorの色と同期<br>
<img src="https://storage.googleapis.com/zenn-user-upload/9761d0364323-20211217.png" alt="match_skybox_001" loading="lazy" class="md-img">
</li>
</ul>
<h2 id="%E3%83%99%E3%82%A4%E3%82%AF">
<a class="header-anchor-link" href="#%E3%83%99%E3%82%A4%E3%82%AF" aria-hidden="true"></a> ベイク</h2>
<p>いよいよベイクです。</p>
<ul>
<li>メニューの「Bakery」をクリックして「Render lightmap」をクリック</li>
<li>表示されたウィンドウの「Render」をクリック<br>
<img src="https://storage.googleapis.com/zenn-user-upload/fd778eb98cfc-20211217.png" alt="bake_001" loading="lazy" class="md-img">
</li>
</ul>
<p>後はベイクが完了するまで待機しましょう。</p>
<p>ベイクが完了後に再度Sceneウィンドウを見てみましょう。<br>
何だかライティングが豪華になってますね！<br>
（最初デフォルトそのままだと全然変わらなかったのでGlobal IlluminationのSamplesのみ数値を上げました）<br>
<img src="https://storage.googleapis.com/zenn-user-upload/cd9e38921e7a-20211217.png" alt="bake_002" loading="lazy" class="md-img"></p>
<p>比較のために左右に並べてみました。<br>
左がベイク前、右がベイク後です<br>
右の方が明らかに影や反射光が細かいことがわかります。凄いですね！<br>
<img src="https://storage.googleapis.com/zenn-user-upload/b384e668abcb-20211217.png" alt="bake_003" loading="lazy" class="md-img"></p>
<h1 id="%E4%BE%BF%E5%88%A9%E3%81%AAbakery-real-time-preview%E3%81%AE%E7%B4%B9%E4%BB%8B">
<a class="header-anchor-link" href="#%E4%BE%BF%E5%88%A9%E3%81%AAbakery-real-time-preview%E3%81%AE%E7%B4%B9%E4%BB%8B" aria-hidden="true"></a> 便利な<a href="https://assetstore.unity.com/packages/tools/level-design/bakery-real-time-preview-164462" target="_blank" rel="nofollow noopener noreferrer">Bakery Real-Time Preview</a>の紹介</h1>
<p>もしこの記事を見て「Bakeryを使ってみたい！」と思った方に合わせておすすめのアセットを紹介します。<br>
こちらのBakery Real-Time Previewは、通常ベイク後にしか表示することができないライトマップのベイク結果をリアルタイムで表示させることが可能です。<br>
Bakeryを購入するなら是非一緒に購入して使用することをお勧めします。</p>
<h1 id="%E6%9C%80%E5%BE%8C%E3%81%AB">
<a class="header-anchor-link" href="#%E6%9C%80%E5%BE%8C%E3%81%AB" aria-hidden="true"></a> 最後に</h1>
<p>ライトマップを活用することにより更にクオリティを上げることができます。<br>
是非Bakeryを活用してみてください。</p>


Bakery完全に理解した

（任意）Generating Lightmap UVsを設定

ベイクするオブジェクトにstaticを設定

Directional Lightに「Bakery Direct Light」スクリプトを付与

便利なBakery Real-Time Previewの紹介

Discussion