【Roblox Studio】パーツに文字を表示させる方法【SurfaceGui】

GUI

1. Roblox StudioのSurfaceGui(サーフェイスジーユーアイ)とは

Roblox Studioでは、SurfaceGUI(サーフェイスジーユーアイ)を使うことで、3Dモデルの表面を編集することができます。例えば、3Dゲームに設置されている看板などの3Dモデルの表面にテキストやイラストを描くことができます。

以下では、SurfaceGUIを使用して3Dモデルの表面にテキストを記入する手順を説明していきます。

2. 使用する機能

・SurfaceGui(サーフェイスジーユーアイ)
・Part(パーツ)
・View Selector(ビューセレクター)
・TextLabel(テキストラベル)

3. SurfaceGuiの簡単な使い方

まず、Roblox Studioを起動します。今回は、テンプレート「Baseplate」を使用します。

次に、3Dモデルを用意します。
「Part」から「Brock」をクリックします。

作成したPartを適当な場所に移動させます。

Partの大きさを変更します。

画面右上にある「View Selector」の「Top」をクリックします。

すると、上から見下ろした視点になります。

作成したPartに視点を合わせたいため、Partを選択した状態で右クリックし、「Zoom to」をクリックします。※選択した状態で「Fキー」でも可

作成したPartがズームされました。この表面にテキストを記入していきます。

作成したPartのプラスマークをクリックをクリックします。

「SurfaceGui」をクリックします。

同様に、「SurfaceGui」の中に「TextLabel」を設置します。

この状態で、一度Partを確認してみましょう。

なにも変化がありません。視点を少しずらして、Partの側面を確認してみます。

Partの側面(Front側)にLabelという文字がありました。つまり、「SurfaceGui」と「TextLabel」がPartのFront側に設置されていると分かります。
「SurfaceGui」をPartのTop側に設置する必要があります。
「SurfaceGui」のプロパティの中にある「Face」をFrontからTopに変更します。

すると、PartのTop側にLabelという文字が設置されました。しかし、PartのTop側表面の一部分にしか表示されていません。これを表面全体に表示されるようにしてみます。

「TextLabel」のプロパティの中の「Size」を確認します。その中の「X」の「Scale」「Offset」、「Y」の「Scale」「Offset」をそれぞれ「1」と「0」に変更します。

すると、PartのTop側表面全体に適用されました。しかし、文字が小さすぎて見えません。文字の大きさを変更してみます。

「TextLabel」のプロパティの中の「TextSize」を「100」に変更します。すると、文字が大きくなりました。次は、文字の内容を変更してみます。

「TextLabel」のプロパティの中の「Text」を「スタート」に変更します。Labelからスタートに変更できました。しかし、文字の向きが適切でないため、読みづらいです。
文字の向きを変更してみます。

「TextLabel」のプロパティの中の「Rotation」を「-90」に変更します。文字の向きが90度回転し、適切な向きになりました。

最後にゲームをプレイしてみます。PartのTop側表面に文字が正しく記入されています。

以上のように、PartにSurfaceGuiとTextLabelを追加することで、Partの面に文字を記入することができます。

4. まとめ

・SurfaceGUI(サーフェイスジーユーアイ)を使うことで3Dモデルの表面を編集できる
・SurfaceGuiとTextLabelを使うことで3Dモデルの表面に文字を記入できる

チュートリアル系電子書籍の紹介
Roblox Studioでゲーム制作を始めてみませんか?
日本語版 ※英語版あり 「10時間でできる Roblox Studio アクションゲーム制作入門」では、Roblox Studioでのゲーム制作の基本から応用までを短時間で効率的に学びます。この一冊で、初心者でも簡単にアクションゲームを制作できるようになり、ゲーム制作の面白さと達成感を存分に味わうことができます。Roblox Studioの世界への扉を開き、あなたのクリエイティブな旅を始めましょう。
Luaに関する電子書籍の紹介
Roblox Studioで使用するLua言語の基本を学ぼう!
日本語版 ※英語版あり 「5時間でできる Roblox Studio を使ったLuaの基本」では、Roblox Studioで使用するプログラミング言語Luaの基本をRoblox Studio上で学びます。また、学んだ知識を活かして、Roblox StudioでLuaを使用する応用部分も一部盛り込まれています。この一冊でLuaの基本を学ぶことで、よりRoblox Studioでのゲーム制作を楽しめるようになります。
アニメーション制作系電子書籍の紹介
Roblox Studioでアニメーションを作ってみよう!
「5時間でできる Roblox Studio アニメーション制作入門」では、Roblox Studioでのアニメーション制作の基本から実際に作るところまでを短時間で効率的に学びます。この一冊で、アニメーション制作の第一歩を踏み出すことができます。Roblox Studioで自由自在にアニメーションを作成し、よりクリエイティブなゲームを作りましょう!
GUI
シェアする
hideをフォローする
Roblox Studio 制作tips

コメント

タイトルとURLをコピーしました