ハッピーハーベストのデモ最新の2Dテクニックを見る

今日の2Dゲームの革新性には限りがない。多くのクリエイティブな可能性とUnityの2Dレンダリングとツールの進化により、Unityで2Dゲームを制作するためのベストプラクティスの最新情報をお届けします。
現在Unity Asset Storeと Unity Samplesで入手可能なHappy Harvestは 、Unity 2022 LTSのUniversal Render Pipeline (URP)で2Dライト、シャドウ、特殊効果を作成するための最新機能を利用する方法を開発者に紹介します。スプライトにシャドウを焼き込まない、スプライトをフラットに保つ、シャドウとボリューム情報をセカンダリー・テクスチャに移動する、高度なタイルマップ機能など、2Dクリエイターなら誰でも使えるベストプラクティスが盛り込まれている。

ハッピー・ハーベスト 』は、陽気なカートゥーン・アートのトップダウン・デモ。サンプルは、勤勉な農夫の一日を紹介する。農家から一歩足を踏み出すと、ランタンに照らされた石畳の道を進む。小麦、ニンジン、トウモロコシを栽培し、リンゴを収穫し、豚や牛に餌を与える。彼の農場には池が点在し、裏には納屋があり、緑豊かな松の木に囲まれている。
トップダウンの視点には、キャラクターをどう投影するか、重なり合うオブジェクトをどう管理するか、想像力豊かな方法で影を作るか、といった課題がつきまとう。これらは、Unity 2022 LTSに含まれるシャドウ、スプライトライブラリ、タイルマップ2Dの機能を使用して処理されました。
これらのアセットはすべて、あなたの個人的または商業的なプロジェクトで自由に使用することができ、あなた自身のアイデアでデモを変更することもできます。今すぐダウンロードして、この牧歌的な風景とその細部の探索を始めよう。

デモには解説記事集が付いている。これらのテクニカル・ウォークスルーは、ライト、シャドウ、環境、アニメーションがどのように作られたかを理解するのに役立ちます。
デモでは以下のページが利用できます:
- URPの2Dライト&シャドウ・テクニック
- 2Dタイルマップでアートとゲームプレイを作る方法
- Unity 2022 LTSで2Dキャラクターをアニメートする方法
- VFXグラフとシェーダーグラフを使ってUnityで2D特殊効果を作成する
これらの記事は、Unity Asset Storeページの説明や、デモのin-Editorチュートリアルウィンドウで見ることができます。さらに、Unity Samplesで各スクリプトをプレビューして、2Dゲームの推奨ガイドラインとコーディング構造をより理解することができます。
では、各ページから何が学べるのか、簡単に見てみよう。

ハッピー・ハーベスト』には、熟したトウモロコシや黄金色の小麦畑、優しく揺れるランタン、赤い屋根の農家など、キュートなディテールがたくさんある。しかし、この居心地の良い世界で最も没入感を高めているのは照明と影であり、一面の輝きと昼下がりの影が特徴だ。
ライトとシャドウの情報を別々のテクスチャに移動させることで、(アート作成プロセスでいくつかの余分なステップが必要になりますが)最適化されたリアルタイムの2Dライトとシャドウを作成できます。
ユニバーサルレンダリングパイプラインを使った2Dライトとシャドウのテクニック」の記事を読んで、その方法を学んでください:
- 法線マップとマスクマップ(セカンダリー・テクスチャ)を作成し、それを使って、主人公や樽、ランプの柱、その他の小道具にリム照明のような豊かなディテールを加える。
- アンビエント照明やスポット照明を使い、一日を通して太陽の動きを模した色合いや効果でムードを演出する。
- ライトの法線マップを有効にして、茂みに使われているエフェクトのようなボリュームのあるイリュージョンを作り出す。
- シャドウキャスターで、ブロブシャドウや無限シャドウを使って、どんな形や時間帯でも影を作りましょう。
- 昼と夜のスクリプトで、時間の動きと光の変化をコントロールする。
- Unityチームからのヒントで2Dライトを最適化しましょう。

石畳の道、池、芝生、背景の森に共通するものは何だろう?これらはすべてUnityのタイルマップシステムで作られたもので、タイル(グリッド上に配置された小さなスプライト)でゲームの世界を作る方法を提供している。レベルを1つの大きな画像としてデザインする代わりに、レンガのようなピースに分割して、レベル全体で繰り返すことができます。
タイルマップは、メモリやCPUパワーだけでなく、アート制作の時間短縮にも役立ちます。これは、タイルを専用のレンダラーでレンダリングし、画面に表示されないタイルを無効にできるからだ。ブラシツールを使えば、タイルをグリッド上に効率よく描くことができ、描画ルールをスクリプトで設定することもできる。また、より効率的なテストや編集のために、自動コリジョン生成機能も備えている。さらに、GameObjectを配置したり、ゲームロジック用のAPIを使うこともできる。
Unityで2Dタイルマップを使ってアートやゲームプレイを作成する」という記事で、タイルマップシステムを使うためのヒントが紹介されています:
- タイルマップにセカンダリテクスチャを使用する:サンプルのすべてのタイルマップは、同じ寸法とレイアウトを共有するノーマルマップとマスクマップテクスチャと呼ばれる対応部分を持つが、照明を表示するために描画される。
- 2D Tilemap Extrasパッケージに含まれるRule Tile機能を使用します。本パッケージには再利用可能な2Dおよびタイルマップエディタスクリプトが含まれており、独自のプロジェクトやカスタムブラシおよびタイルのベースとして使用できます。
- プロジェクト階層でタイルを整理する:
- サンプルでは、タイルはすべてGridという1つのGameObjectに入っています。
- ピクセルの重なりを防ぎ、オーバードローを抑えるために、グリッド内にはできるだけ少ないタイルマップを作成した。
- Tilemap APIは、サンプルで使用されている方法に基づいて使用してください。

袖をまくり上げ、ポンパドールのヘアスタイルで、『ハッピー・ハーベスト』の農夫は働く準備ができている。彼がシーンを動き回るようにするために、彼の顔をリギングしてさまざまな表情を作ったり、キャラクターのバリエーションを作るためのスプライト・ライブラリや、アニメーションの過程で同じボーンに付いているスプライトを切り替えるスプライト・スワップなどのテクニックを使いました。
ハッピー・ハーベストにおける2Dキャラクターとアニメーション」では、アニメーションの作成に使われたこれらのテクニックやその他のテクニックを紹介している。そのためのヒントが得られるだろう:
- トップダウンの視点に合わせて、さまざまな角度からキャラクターを描き、アニメートする。ハッピー・ハーヴェスト』では、4つの方向性によって見栄えの良いビジュアルが実現されている。
- 2D Animationと PSD Importerパッケージを使ってUnityでスケルタルアニメーションを扱います。これにより、キャラクターのすべてのレイヤーをスプライトとしてインポートし、アプリで描かれたとおりに配置することで、PhotoshopからUnityにキャラクターアートワークを直接インポートすることができます。
- スプライトエディタでキャラクターをリグする。
- スプライトをボーン、ジオメトリ、ウェイトに接続します。
- スプライトライブラリエディタとスプライトスワップを使用して、ボーン回転で実現できる以外のタイプのアニメーションを管理します。これには、キャラクターが向いている方向を変えたときの表情も含まれる。
- 2Dアニメーションパッケージの一部である2Dインバースキネマティクス(2D IK)ツールを使用します。回転を計算し、ボーンを連鎖させて目標位置に移動させます。

農家の作物には太陽と雨の両方が必要だ。幸いなことに、夕方には雨が降り、働き者の農夫は囲炉裏の火を囲んで小さな家に隠れることができた。
Unityでこのような2Dビジュアルエフェクトを作成するには、さまざまなオプションがあります。爆発をフレームごとにアニメートしたり、パーティクルや雲のスプライトをスポーンしたりできる。CPU上のパーティクルスポーンには、ビルトイン・パーティクル・システムを使用します。また、GPUを活用し、VFXグラフと シェーダーグラフを使用して、数百万のパーティクルをスポーンしたり、URPボリュームでポスト処理エフェクトを適用したりすることもできます。
VFXグラフとシェーダーグラフを使った2D特殊効果」では、『ハッピー・ハーベスト』の特殊効果を作成するために使用される、以下のようなさまざまなテクニックについて学ぶことができます:
- 茂みから落ちる落ち葉や農夫の足跡など、内蔵パーティクルシステムで作成されたシンプルなパーティクル効果
- 内蔵パーティクルシステムを使って、夜のランプの周りに蛾を発生させるフリップブックパーティクルや、VFXグラフで生成された雨の水しぶき。
- 水のタイルにシェーダーを適用して波を動かしたり、暖炉の火や煙突の煙を表現したりといった一般的なエフェクト。
- VFX Graphで作成された雨や雷などの天候エフェクト - 雨のパーティクルは2D Litシェーダを使用しているため、環境にうまく溶け込み、ライトに反応する。
- 微風をシミュレートするために木々やその他の植物を動かすシェーダー。
- ティントとブルームのポスト処理エフェクトをシーン全体に適用し、暖かく明るいムードを演出。
ビジュアルエフェクトの作成については、電子書籍で詳細をご覧ください。 Unityで高度なビジュアルエフェクトを作成するための決定版ガイド.水や液体、煙、炎、爆発、天候、衝撃、魔法、電気など、高度なエフェクトを作成するためのUnityのビジュアルエフェクト・オーサリング・ツールの使用方法について、完全な概要を説明しています。
ハッピーハーベストは、Unityで新しいビジュアルテクニックを学びたい2Dクリエイターのための遊び場です。サンプルを発展させ、あなた自身のプロジェクトで要素やスクリプトを再利用し、モバイルデバイスやデスクトップデバイスでテストしてください。このサンプルとそれをサポートするコンテンツは、初心者から経験豊富な2D開発者まで、すべての人に役立つヒントを提供するように設計されています。収穫おめでとう!

まだの方は、Unityでの2Dゲーム開発、レンダリング、ビジュアルエフェクト(3Dと2D)をカバーしたこれらの高度な電子書籍をぜひダウンロードしてください:
- アーティストのための2Dゲームアート、アニメーション、ライティング
- Unity上級クリエイターのためのユニバーサルレンダリングパイプライン入門
- Unityの高解像度レンダーパイプラインにおけるライティングの決定版ガイド
- Unityで高度なビジュアルエフェクトを作成するための決定版ガイド
さらに、他の2Dデモもご覧ください、 ロスト・クリプトそして ドラゴンクラッシャーズ.
Unityのベストプラクティスハブには、上級プログラマー、アーティスト、テクニカルアーティスト、デザイナー向けのリソースがまだまだたくさんあります。
ご意見は?専用フォーラムでデモの感想をお聞かせください。