You'll need to start by designing your loading screen.

まず、ローディング画面のデザインから始める必要があります。

You can design your loading screen in any way you see fit.

ローディング画面のデザインは自由自在です。

However, it is important to name the objects

ただし、オブジェクトに名前を付けることが重要です

exactly as shown.

をご覧ください。

The slightest misspelling can cause your code to break,

わずかなスペルミスがコードの破損の原因になります。

so it is important to double-check.

ので、再確認することが重要です。

For the sake of time,

時間の都合上。

we are going to speed up the design of the user interface.

は、ユーザーインターフェイスの設計のスピードアップを図ります。

Feel free to pause at any time.

いつでも自由に一時停止してください。

It is important to make sure that

ということを確認することが重要です。

the "ResetOnSpawn" property

ResetOnSpawn "プロパティ。

for your screen UI is not ticked,

がチェックされていません。

while the "IgnoreGuiInset" property should be ticked.

IgnoreGuiInset "プロパティにチェックが入っている必要があります。

The loading bar size should also be

ローディングバーのサイズも

set to (0,0), (1,0)

懸ける

so that it is hidden when a player first joins your game.

が表示され、プレイヤーがゲームに初めて参加したときに非表示になるようにします。

After you are satisfied with your design,

デザインにご満足いただけたら

right-click on the screen UI object

画面UIオブジェクトを右クリック

and click "Insert Object,"

をクリックし、"オブジェクトの挿入 "をクリックします。

followed by "LocalScript."

の後に "LocalScript "が続きます。

A local script will allow you to write code

ローカルスクリプトで、コードを書くことができるようになる

to make sure that your loading screen will function.

をクリックして、ローディング画面が機能することを確認してください。

Double-click on your local script to start editing it.

ローカルスクリプトをダブルクリックして、編集を開始します。

Highlight everything inside

内部をすべてハイライト表示

and delete it to start with a clean slate.

を削除して、まっさらな状態からスタートします。

To keep this short,

短くまとめると

we are going to speed through the writing of the code,

は、コードの書き込みをスピードアップさせます。

and then we'll break down what each part does.

というように、各パーツが何をするのか分解して説明します。

You can find the code

コードはこちらで確認できます

in the description below to follow along.

をクリックしてください。

The topmost section is

一番上のセクションは

where it will store all your variables.

ここで、すべての変数を保存します。

Variables are simply there to help you access

変数とは、単にアクセスするためのものです。

their contents more easily later on.

の内容を後で簡単に確認することができます。

The next section is what will make your loading bar move.

次のセクションは、ローディングバーを動かすためのものです。

The function called ResizeBar

ResizeBarという関数

will smoothly resize your loading screen

は、ローディング画面のサイズをスムーズに変更します。

if you give it a number.

を与えると、その数字が表示されます。

Then we are simply turning off all of the Roblox GUIs,

そうすると、RobloxのGUIをすべて消しているに過ぎません。

which include the chat, leaderboard, health bar, and more.

チャットやリーダーボード、ヘルスバーなど、さまざまな機能を搭載しています。

This is done to make sure

ということを確認するために行われます。

that your loading screen looks cleaner.

ローディング画面がきれいに見えること。

Afterwards, the loading screen is enabled

その後、ローディング画面が有効になります

and the loading bar moves for the first 10%.

で、最初の10%はローディングバーが動きます。

Next, we need to make sure to wait

次に、待ち時間を確保するために

for the player's avatar to load.

プレイヤーのアバターが読み込まれるまで

After their avatar loads,

アバターがロードされた後。

the loading bar will move to 40%.

をクリックすると、ローディングバーが40%に移動します。

The final step is to wait

最終的には、待つ

for any images and other assets to load.

画像やその他のアセットを読み込むために

This is done by using the ContentProvider service.

これは、ContentProviderサービスを使用することによって行われます。

Once this is done,

これができたら

the loading bar will finish up at 100%.

を選択すると、ローディングバーが100%で終了します。

Lastly, the player is notified that the game has loaded,

最後に、ゲームがロードされたことがプレイヤーに通知されます。

and we will give them the default Roblox GUIs back.

で、RobloxのデフォルトGUIを返してあげます。

The loading screen is then removed

その後、ローディング画面は削除されます

so that the players can enjoy your game.

プレイヤーに楽しんでもらえるように。

Finally, click "Play" to test out your loading screen.

最後に「再生」をクリックして、ローディング画面をテストしてください。