Go to Qiita Advent Calendar 2024 Top
LoginSignup
4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

STYLYアドベントカレンダーAdvent Calendar 2021

Day 4
@afjk

[STYLY] アセットを作って組み立てる。制作効率化のコツ [Unity]

Last updated at Posted at 2021-12-04

これは STYLYアドベントカレンダー の4日目の記事です！
#はじめに
STYLYでのコンテンツ制作は、ブラウザで動作するStudioで「シーン」に「アセット」を配置して行います。
アセットには多数のプリセットの他、画像や3Dモデルをアップロードして利用したり、Unityでアセットを自作し利用する事も出来ます。

本記事では、Unityで小さな機能単位でアセットを制作し、STYLY上でそれらを連携することで効率よく制作する方法を実例を通して説明します。

参考作品 The Sword of STYLY

2020年のNEWVIEW CYPHER Gameで制作したアクションRPG風VRゲーム。
ステージを徘徊するザコキャラを剣で倒しながら進み、ボスキャラを倒すとクリア。

https://gallery.styly.cc/scene/397fe351-2fae-4a6e-b1ce-9432f55c6831

制作効率を上げるために

大きなプロジェクトをUnityでまとめて制作すると、STYLYへのアップロードに時間がかかります。
1回だけなら待てば良いかもしれませんが、ゲーム制作では後々までアセット配置などの調整をしたくなるもので、そのたびにアップロードに長い時間がかかるのでは非効率です。
そこで、Unityでは小さな要素に分割して制作し、Studio上で組み立てることで効率化を図ります。

シーン構成

Unity Projectはアセットサイズが大きなステージ用とキャラクターAI＆ゲームロジック開発用の2つに分けて開発しました。
image.png

構成要素

  • ステージ
    • Unityシーン。NavMeshでザコキャラの移動範囲を設定。
  • ザコキャラ
  • 巡回ギミック
  • ボスキャラ
    • 攻撃を受けるとプレイヤーを吹き飛ばし、ザコキャラを召喚してゆく手を阻む。
  • ゲームロジック
  • Kill数、時間管理
  • Player死亡時のゲームオーバー演出
  • ボス撃破時のクリア演出
    image.png

ザコキャラをステージに多数配置して巡回ルートを設定しています。
特に巡回ルートをStudio上で設定したかったので、「プラレールを並べてその上を走らせる」ような発想でアセットを作りました。

ザコキャラの巡回ギミック

ザコキャラはステージ内を巡回。プレイヤーを発見すると攻撃。
NavMeshAgentを使ってステージ内を徘徊させます。
後述の巡回ギミックと組み合わせる事で、STYLY Studio上で巡回ルートを組み立てます。

巡回ギミック

ザコキャラが開始点踏むと一定距離先の目的地まで誘導するアセット。
TRIGGER_EVENTによりザコキャラとのHitを判定。ザコキャラのNavMeshAgentのDestinationに行く先をセットする事で誘導します。
このアセットを複数配置し、開始点と目的地を連続させることで巡回経路を組み立てます。

image.png

詳細はこちらのツイートで解説しています。

アセット配置のコツ

多くのザコキャラや巡回経路をステージ形状に沿って配置するにあたり、一つ一つ移動回転していては非常に手間がかかってしまいます。

STYLY StudioのD&Dを活用する

ヒエラルキー（左のアセット一覧のパネル）からアセットを選択して右へドラッグすると、アセットをコピーすることができます。
さらに、そのアセットはドラッグ中は奥行き方向のコライダーに沿って自動で位置が調整されます。
image.png

STYLY VR Edit modeで直感的に配置する

巡回経路の組み立てはキャラ配置よりも複雑です。
開始点→目的地→開始点→目的地と連続するように配置する必要があり、StudioのD&Dでも手間がかかってしまいます。

STYLYのVR Edit modeでは、VR内でアセットを掴んで直感的に配置する事が出来ます。

操作方法は[こちらの記事](https://styly.cc/ja/feature/vreditor/)を参考にしてください。

STYLYでNav Mesh を使う場合の注意点

  • Nav Mesh AgentはNavMeshの範囲にしか置けません。これはSTYLY Studioでもそうなってしまいます。
  • 場合によってはNav Meshなしバージョンのステージを用意しておき、配置はNavMeshなしステージで行うなど対策してください。

アセット間のイベント・データ連携

アセットを分割した制作では、アセット間でイベントやデータのやり取りをしたくなる場合があります。
例えば以下のような場合

  • ザコキャラを倒したらゲームロジックでKill数をカウントアップする。
  • ボスキャラがプレイヤーを吹き飛ばす

アセット間でのイベント、データのやり取りにはPlaymakerのSend Event by Nameアクションが使えます。
この仕組みにより、別々に作られたアセットでも連携が可能になります。

例：ボスキャラがプレイヤーを吹き飛ばす際の連携

  • 送信側

プレイヤーを吹き飛ばす位置を指定
SetEventDataアクションでEventDataに情報をセットし、Send Event By NameでMovePlayerイベントをBroadcastAllで通知します。
image.png

  • 受信側

MovePlayerイベントを受け、GetEventInfoでEventDataから移動先の位置を取得。プレイヤーを移動します。
image.png

おわりに

小さな機能単位でアセットを制作し、STYLY上でそれらを配置・連携してコンテンツを制作するコツを説明しました。
作例では、Studioで制作の大部分を行える事で、調整→VRでの確認を繰り返しスムーズに行う事が出来ました。
また、よく使う汎用的な機能（例えば銃など）をアセットにしておけば、別のシーン制作に再利用できるのでさらに制作スピードが上がります。
ぜひ挑戦してみてください！

4
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?