洗練されたアセットの適用

*このコンテンツは、ベータ版のAI(人工知能)を使用して翻訳されており、エラーが含まれている可能性があります。このページを英語で表示するには、 こちら をクリックしてください。


洗練されたアセットの適用は、最終的な環境を構築する最後のステップで、グレイボックスのプレースホルダーアセットを高品質な洗練されたアセットに交換して、あなたの体験の美的目標と設計要件を満たします。このカリキュラムのエキサイティングなセクションでは、あなたの世界が生き生きとした一貫した環境に変わり、完成し、公開の準備が整います。

Island Jump - Finalファイルを参照として、このチュートリアルのセクションでは、クリエイターストアを使用してサンプルアセットライブラリをプロジェクトに追加し、新しいアセットを意味のあるカテゴリに整理する構造を続け、3D空間にアセットライブラリを適用する方法を教えます。

アセットライブラリを取得する

クリエイターストアは、あなたがプロジェクト内での使用のためにRobloxおよびRobloxコミュニティによって作成されたすべてのアセットを見つけるために使用できるツールボックスのタブです。モデル、画像、メッシュ、オーディオ、プラグイン、ビデオ、およびフォントアセットを含みます。クリエイターストアを使用して、オープンな体験に個々のアセットまたはアセットライブラリを直接追加できます。

アセットライブラリは、アクセスと再利用を容易にするために、体験の中心に配置できるアセットのコレクションです。クリエイターストアからプロジェクトに使用するアセットライブラリには、6つの3Dアセット、2つのカスタム MaterialVariant 材料、および基本的な視覚効果を作成からの最終的なパーティクル効果が含まれています。6つのメッシュは次のとおりです:

周囲にコンクリートがある草の円形プラットフォームのメッシュ。
PlatformA
岩が下にある草の円形プラットフォームのメッシュ。
PlatformB
中央にRobloxロゴのある光沢のある金色のコインのメッシュ。
Coin
大きな岩の海栖。
SeaStackMesh
中央に空洞のトンネルがある大きな岩の海栖のメッシュ。
SeaStackCaveMesh
大きな雪の山のメッシュ。
MountainMesh

これらのアセットは、単一の MeshPart オブジェクトまたは複数のメッシュを含む Model オブジェクトです。リアルなシェーディングのためのカスタム材料と物理ベースのレンダリング(PBR)テクスチャが使用されています。詳しくは、材料 - カスタム材料およびPBRテクスチャを参照してください。

アセットライブラリをインベントリから体験に取り込むには:

  1. クリエイターストアでアセットライブラリの詳細ページを開き、右上隅のモデルを取得をクリックします。ライブラリは今やあなたのインベントリにあり、プラットフォーム上の任意のプロジェクトでこれらのアセットを再利用できます。

  2. スタジオに戻り、ホームツールバータブでツールボックスをクリックし、インベントリタブに切り替えて、コアビルディングとスクリプティングタイルをクリックします。ライブラリがビューポートに表示されます。

    アセットライブラリのすべてのメッシュが水の上に浮かんでいる。いくつかのメッシュはテクスチャが欠けているため、灰色に見える。
  3. いくつかのメッシュは、材料がまだインストールされていない MaterialVariant オブジェクトを参照しているため、灰色に見えることがあります。これを修正するには、アセットライブラリからMoss_Lumpy_AMoss_Strata_Noisy_AをExplorerのMaterialServiceコンテナにドラッグします。テクスチャが所定の位置にスナップします。

    アセットライブラリのすべてのメッシュが水の上に浮かんでいて、すべてのテクスチャが完成している。

組織構造を続ける

アセットを配置する前に、グレイボックスのプレイ可能エリアで開始したフォルダー構造を拡張します:

  1. Explorerで、Worldの中に2つの新しいフォルダーを追加し、それをPlatformsMountainsと名付けます。
  2. Platformsの中に、各海栖レベルのためのModelを追加し、それらの名前をグレイボックスのレベルに合わせます。たとえば、サンプル体験には、環境内のすべてのプラットフォームに対して18個の個別のモデルコンテナがあります。
すべてのレベルモデルオブジェクトがプラットフォームフォルダの下にあるStudioのExplorerウィンドウ。

アセットライブラリを適用する

さあ、洗練されたアセットをグレイボックスの上に配置しましょう。各セクションは、アシスタントで構築(アシスタントがサンプルの正確な座標で各アセットを配置できるようにします)、自分のアセットを適用(アセットを自分のカスタムレイアウトに合わせて配置します)、およびサンプルを再現(サンプルの正確な座標で手動で配置します)の3つのパスを提供します。

スクリーンショットは、プレースホルダーアセットを半透明にしているため、ステップ間の進捗が見えます。

サンプルIsland Jumpゲームのプレースホルダーのグレイボックスジオメトリのバージョン。

プラットフォーム

ライブラリには2つのプラットフォームModelオブジェクト(それぞれ2つのMeshPart子を含む)が含まれます:

  • PlatformA — 最初と最後のプラットフォームに使用される金属製の円形ベースを含む。
  • PlatformB — 中間のプラットフォームに使用される基本的な地形キャップを含む。
Platform AとPlatform Bが並んでおり、それぞれのプラットフォームタイプでハイライトされています。
すべてのプラットフォームを配置

以下の各行について、「コアビルディングとスクリプティング」というアセットライブラリから一致するメッシュをWorkspace > World > Platforms > <親モデル>にコピーし、そのOrigin.PositionとScaleを設定します。
PlatformAアセット:
- Level_1: Origin.Position -30, 3, 9; Scale 2.2
- Level_2: Origin.Position -24, 11, 24; Scale 1.4
- Level_3a: Origin.Position 34, 31, 9.5; Scale 0.7
- Level_3b: Origin.Position 79, 31, 2; Scale 0.6
- Level_7: Origin.Position 402, 312, 79; Scale 1.1
PlatformBアセット:
- Level_3c: Origin.Position 89, 31, 48; Scale 0.8
- Level_4a: Origin.Position 104, 65.5, 46.5; Scale 0.6
- Level_4b: Origin.Position 127, 66, 67.5; Scale 0.6
- Level_4b: Origin.Position 133.5, 164.5, 70.5; Scale 0.7
- Level_4c: Origin.Position 152, 65.5, 91; Scale 1
- Level_4d: Origin.Position 200, 66, 107; Scale 0.5
- Level_4e: Origin.Position 238.5, 66, 81; Scale 0.8
- Level_5a: Origin.Position 262, 120, 57.5; Scale 0.7
- Level_5b: Origin.Position 245, 122, 15; Scale 0.4
- Level_5c: Origin.Position 271, 122.5, -5.5; Scale 0.4
- Level_5d: Origin.Position 318, 121, -22; Scale 0.9
- Level_6a: Origin.Position 363, 201, -52.5; Scale 1.2
- Level_6b: Origin.Position 381, 201, 11; Scale 0.4
- Level_6c: Origin.Position 389, 201, 47; Scale 0.6
洗練されたアセットを使用してすべてのプラットフォームが見えるサンプルのレーザータグゲームのビュー。

海栖

サンプルアセットライブラリには、創造的に重ねて海栖プラットフォームの柱を形成できる2種類の海栖岩の形成が含まれています:

  • SeaStackMesh – 固体の岩の形成を含む。
  • SeaStackCaveMesh – トンネルと固体の上部を含む。

両方のプラットフォームタイプはMeshPartオブジェクトです。

単一の海栖が複数の海栖の上に重ねられている比較。
PlatformBの上にSeaStackCaveMeshが重ねられたデモンストレーション。
すべての海のスタックを配置

以下の各行について、「コアビルディングおよびスクリプティング」というアセットライブラリから一致するメッシュをワークスペース > ワールド > プラットフォーム > <親モデル> にコピーし、そのサイズ、CFrame.Position、およびCFrame.Orientationを設定します。すべてのメッシュはSeaStackMeshです(特に記載がない限り)。
レベル_3a:
- サイズ 31, 31, 34; CFrame.Position 31, 14, 15.5; CFrame.Orientation 0, 72, 0
- サイズ 32, 37, 34; CFrame.Position 39, 11, 6; CFrame.Orientation 0, 162, 0
- サイズ 32, 36, 34; CFrame.Position 31, 13, 7.5; CFrame.Orientation 0, 68, 0
レベル_3b:
- サイズ 35, 47, 36; CFrame.Position 80, 7, 4; CFrame.Orientation 0, -18, 0
レベル_3c:
- サイズ 52, 69, 53; CFrame.Position 90, -4, 48; CFrame.Orientation 0, -18, 0
レベル_4a:
- サイズ 43, 49, 43; CFrame.Position 103, 5, 48; CFrame.Orientation 0, -119, 0
- サイズ 37, 49, 38; CFrame.Position 104, 41, 47; CFrame.Orientation 0, -18, 0
レベル_4b:
- SeaStackCaveMesh; サイズ 54, 67, 53; CFrame.Position 131, 88, 71; CFrame.Orientation 0, -111, 0
- サイズ 66, 85, 65; CFrame.Position 133, 23, 71; CFrame.Orientation 0, 87, 0
- サイズ 46, 55, 47; CFrame.Position 133, 136, 71; CFrame.Orientation 0, -79, 0
レベル_4c:
- サイズ 63, 81, 62; CFrame.Position 151, 25, 91; CFrame.Orientation 0, -50, 0
レベル_4d:
- サイズ 35, 39, 35; CFrame.Position 198, -4, 108; CFrame.Orientation 0, -44, 0
- サイズ 33, 36, 32; CFrame.Position 199, 21, 108; CFrame.Orientation 0, -119, 0
- サイズ 27, 36, 28; CFrame.Position 199, 48, 108; CFrame.Orientation 0, -18, 0
レベル_4e:
- サイズ 57, 65, 57; CFrame.Position 239, -14, 82; CFrame.Orientation 0, -63, 0
- サイズ 48, 65, 50; CFrame.Position 239, 34, 81; CFrame.Orientation 0, 39, 0
レベル_5a:
- サイズ 56, 62, 54; CFrame.Position 264, 11, 55; CFrame.Orientation 0, 150, 0
- サイズ 50, 57, 50; CFrame.Position 263, 50, 57; CFrame.Orientation 0, 75, 0
- サイズ 43, 57, 44; CFrame.Position 262, 92, 57; CFrame.Orientation 0, 176, 0
レベル_5b:
- サイズ 47, 36, 40; CFrame.Position 245, -16, 15; CFrame.Orientation 0, 0, 0
- サイズ 38, 38, 41; CFrame.Position 245, 11, 14; CFrame.Orientation 0, 100, 0
- サイズ 36, 38, 34; CFrame.Position 243, 34, 15; CFrame.Orientation 0, -164, 0
- サイズ 31, 34, 30; CFrame.Position 244, 62, 16; CFrame.Orientation 0, -45, 0
- サイズ 28, 32, 28; CFrame.Position 244, 83, 15; CFrame.Orientation 0, -120, 0
- サイズ 24, 32, 24; CFrame.Position 244, 106, 15; CFrame.Orientation 0, -18, 0
レベル_5c:
- サイズ 45, 34, 38; CFrame.Position 270, -8, -6; CFrame.Orientation 0, 180, 0
- サイズ 36, 35, 38; CFrame.Position 270, 17, -5; CFrame.Orientation 0, -80, 0
- サイズ 34, 35, 32; CFrame.Position 272, 40, -5; CFrame.Orientation 0, 16, 0
- サイズ 29, 32, 29; CFrame.Position 271, 65, -7; CFrame.Orientation 0, 136, 0
- サイズ 26, 30, 26; CFrame.Position 271, 86, -6; CFrame.Orientation 0, 61, 0
- サイズ 22, 30, 23; CFrame.Position 270, 108, -6; CFrame.Orientation 0, 162, 0
レベル_5d:
- サイズ 65, 71, 63; CFrame.Position 315, -5, -27; CFrame.Orientation 0, -161, 0
- サイズ 58, 66, 58; CFrame.Position 315, 39, -25; CFrame.Orientation 0, 124, 0
- サイズ 50, 66, 51; CFrame.Position 315, 89, -24; CFrame.Orientation 0, -134, 0
レベル_6a:
- サイズ 94, 104, 92; CFrame.Position 358, 32, -56; CFrame.Orientation 0, -123, 0
- サイズ 85, 96, 84; CFrame.Position 360, 97, -54; CFrame.Orientation 0, 162, 0
- サイズ 72, 71, 74; CFrame.Position 361, 165, -52; CFrame.Orientation 0, -79, 0
レベル_6b:
- サイズ 44, 65, 47; CFrame.Position 380, 17, 9; CFrame.Orientation 0, -143, 0
- サイズ 46, 44, 39; CFrame.Position 380, 61, 11; CFrame.Orientation 0, -78, 0
- サイズ 37, 37, 40; CFrame.Position 381, 92, 11; CFrame.Orientation 0, 22, 0
- サイズ 35, 37, 33; CFrame.Position 381, 115, 10; CFrame.Orientation 0, 118, 0
- サイズ 30, 33, 30; CFrame.Position 379, 141, 10; CFrame.Orientation 0, -123, 0
- サイズ 27, 31, 27; CFrame.Position 380, 162, 10; CFrame.Orientation 0, 162, 0
- サイズ 23, 31, 24; CFrame.Position 380, 185, 11; CFrame.Orientation 0, -96, 0
レベル_6c:
- サイズ 68, 52, 57; CFrame.Position 387, 3, 48; CFrame.Orientation 0, -4, 0
- サイズ 54, 54, 58; CFrame.Position 388, 41, 47; CFrame.Orientation 0, 96, 0
- サイズ 52, 54, 48; CFrame.Position 385, 75, 47; CFrame.Orientation 0, -168, 0
- サイズ 44, 49, 43; CFrame.Position 385, 114, 49; CFrame.Orientation 0, -49, 0
- サイズ 40, 45, 40; CFrame.Position 386, 145, 48; CFrame.Orientation 0, -124, 0
- サイズ 34, 45, 35; CFrame.Position 387, 178, 48; CFrame.Orientation 0, -22, 0
レベル_7a:
- サイズ 96, 98, 102; CFrame.Position 406, 19, 82; CFrame.Orientation 0, -41, 0
- サイズ 92, 98, 84; CFrame.Position 407, 81, 82; CFrame.Orientation 0, -19, 0
- サイズ 81, 90, 79; CFrame.Position 407, 152, 80; CFrame.Orientation 0, 90, 0
- サイズ 73, 83, 73; CFrame.Position 404, 208, 80; CFrame.Orientation 0, 15, 0
- サイズ 62, 83, 64; CFrame.Position 403, 270, 79; CFrame.Orientation 0, 116, 0
すべての海のスタックを配置した後、各レベルモデル内のプレースホルダーグレーボックスシリンダーを削除します。
すべてのプラットフォームと海のスタックが見えるサンプルレーザー/tagゲームのビュー。

コイン

サンプルアセットライブラリには、単一のコインアセットが含まれており、これはMeshPartで、子のSurfaceAppearanceがあり、光沢のある金属の仕上げを提供します。プレースホルダーコインを追加した場所には1つ配置し、必要に応じて位置と向きを調整します。

中央にロブロックスアイコンのある光沢のある金のコインのクローズアップビュー。コインが島の草の道の上に浮かんでいます。
すべてのコインを配置

以下の各行について、「コアビルディングおよびスクリプティング」というアセットライブラリからコインメッシュをワークスペース > ワールド > コインにコピーし、そのCFrame.PositionとCFrame.Orientationを設定します。
- CFrame.Position -121, 3, 6; CFrame.Orientation 0, -105, 0
- CFrame.Position -107, 3, 10; CFrame.Orientation 0, -105, 0
- CFrame.Position -104, 3, 35; CFrame.Orientation 0, 120, 0
- CFrame.Position -86, 3, 61; CFrame.Orientation 0, 30, 0
- CFrame.Position -101, 3, -12; CFrame.Orientation 0, -15, 0
- CFrame.Position -22, 6, -39; CFrame.Orientation 0, 120, 0
- CFrame.Position -48, 6, -26; CFrame.Orientation 0, 75, 0
- CFrame.Position -65, 6, -6; CFrame.Orientation 0, 75, 0
- CFrame.Position -74, 6, 19; CFrame.Orientation 0, 75, 0
- CFrame.Position -67, 6, 46; CFrame.Orientation 0, 75, 0
- CFrame.Position -38, 14, 28; CFrame.Orientation 0, 75, 0
- CFrame.Position -8, 14, 8; CFrame.Orientation 0, 75, 0
- CFrame.Position -3, 14, 34; CFrame.Orientation 0, 75, 0
- CFrame.Position 35, 33, 9; CFrame.Orientation 0, -105, 0
- CFrame.Position 59, 39, 6; CFrame.Orientation 0, 90, 0
- CFrame.Position 78, 33, 4; CFrame.Orientation 0, -75, 0
- CFrame.Position 83, 39, 22; CFrame.Orientation 0, -165, 0
- CFrame.Position 113, 70, 56; CFrame.Orientation 0, -135, 0
- CFrame.Position 134, 70, 76; CFrame.Orientation 0, -135, 0
- CFrame.Position 175, 70, 103; CFrame.Orientation 0, 75, 0
- CFrame.Position 197, 70, 107; CFrame.Orientation 0, 105, 0
- CFrame.Position 214, 81, 95; CFrame.Orientation 0, 120, 0
- CFrame.Position 235, 99, 78; CFrame.Orientation 0, 135, 0
- CFrame.Position 258, 125, 54; CFrame.Orientation 0, 135, 0
- CFrame.Position 251, 132, 11; CFrame.Orientation 0, 135, 0
- CFrame.Position 260, 140, 4; CFrame.Orientation 0, 135, 0
- CFrame.Position 270, 132, -5; CFrame.Orientation 0, 135, 0
- CFrame.Position 312, 162, -19; CFrame.Orientation 0, 105, 0
- CFrame.Position 360, 206, -40; CFrame.Orientation 0, 69, 0
- CFrame.Position 377, 260, -4; CFrame.Orientation 0, -145, 0
- CFrame.Position 380, 206, 13; CFrame.Orientation 0, 12, 0
- CFrame.Position 386, 260, 27; CFrame.Orientation 0, -145, 0
- CFrame.Position 391, 206, 45; CFrame.Orientation 0, 12, 0
すべてのコインを配置した後、プレースホルダーコインを削除します。
それぞれのレベルの海のスタックプラットフォームの上に浮かぶ光沢のある金のコインのビュー。

アセットライブラリの単一のMountainMeshは背景を装飾し、水の地形の端を隠し、プレイ可能エリアを囲みます。各インスタンスを回転およびスケールすることで、繰り返しを壊して、プレイヤーが同じメッシュを何度も使用していることに気づかないようにします。

異なるスケールと回転値の山メッシュが互いのエッジを重ねて山脈のように見える。各メッシュには薄い青のアウトラインがあります。
すべての山を配置する

以下の各行について、「コアビルディングとスクリプティング」という資産ライブラリから MountainMesh を Workspace > World > Mountains にコピーし、その Size、CFrame.Position、および CFrame.Orientation を設定します:
- Size 2048, 334, 2048; CFrame.Position -1243, 115, -1402; CFrame.Orientation 0, 46, 0
- Size 2048, 212, 2048; CFrame.Position -326, 230, -1614; CFrame.Orientation -15, -155, 0
- Size 2048, 416, 1871; CFrame.Position 434, 160, -1543; CFrame.Orientation 0, -2, 0
- Size 2048, 400, 2048; CFrame.Position 1200, 147, -1534; CFrame.Orientation -15, -155, 0
- Size 2048, 540, 1488; CFrame.Position 1726, 220, -1139; CFrame.Orientation 0, -95, 0
- Size 2044, 442, 2044; CFrame.Position 2344, 174, -413; CFrame.Orientation 0, 5, 0
- Size 2048, 458, 2048; CFrame.Position 2267, 157, 1084; CFrame.Orientation 0, -81, 0
- Size 2048, 678, 2048; CFrame.Position 1662, 221, 1804; CFrame.Orientation 0, 9, 0
- Size 2043, 352, 1467; CFrame.Position 1025, 147, 2462; CFrame.Orientation 0, 54, 0
- Size 1980, 531, 1742; CFrame.Position 361, 180, 2119; CFrame.Orientation 0, 21, 0
- Size 2048, 415, 2048; CFrame.Position -580, 160, 1961; CFrame.Orientation 0, -122, 0
- Size 2048, 415, 2048; CFrame.Position -900, 160, 1652; CFrame.Orientation 0, 24, 0
- Size 1321, 403, 1321; CFrame.Position -1303, 133, 770; CFrame.Orientation 0, 55, 0
- Size 2048, 335, 2048; CFrame.Position -1653, 114, 161; CFrame.Orientation 0, -20, 0
- Size 2048, 249, 2048; CFrame.Position -1928, 79, -674; CFrame.Orientation 0, 24, 0
- Size 2048, 450, 2048; CFrame.Position -1426, 73, -895; CFrame.Orientation 0, -20, 0
磨かれた海のスタック、プラットフォーム、コインの景色。背景には山脈があります。

プレイテスト

磨かれた資産は、レベルのグレーボックス版でうまくいったジャンプに影響を与えるほど、海のスタックの形状をわずかに変えることがあります。ゲームを最後に一度通過して、公開前に問題を特定して修正してください。

ドロップダウンから テスト を選択し、プレイ をクリックします。スタックの頂上のフレアに登ります。ジャンプが突然おかしく感じた場合は、問題のあるメッシュを押しやって再試行してください。終了したら 停止 をクリックします。

コアカリキュラムの完了おめでとうございます!ここからは、新しいゲームプレイ機能やレベルでプロジェクトを拡張したり、スタジオの完全な 機能セット を閲覧したり、環境アート のような別のカリキュラムに進むことができます。楽しい制作を!

©2026 Roblox Corporation。Roblox(ロブロックス)、RobloxロゴおよびPowering Imaginationは、米国並びにその他の国における登録商標および非登録商標です。