LoginSignup
2
1

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 5 years have passed since last update.

@PrivateUeno(上野 聡)

Robloxで画面メニュー（GUI）をつくる：入門編

Posted at

概要

  • 画面上に選択肢やHPなどを出す
    • 「マップ選択」とか「警察か犯罪者か、どっちを選ぶか」とか
    • 画面上に自分のHPや所持コイン数を出すとか

image.png

GUIとは

  • GUIはGraphical User Interfaceの略

どうやってGUIを画面に出すか

  1. ExploerからStarterGUIを選択
    image.png
  2. StarterGUIのとなりの「＋」マークをおす
    image.png
  3. ScreenGUIをえらぶと、からっぽのScreenGUIが画面に追加される（まだ見えない）
    image.png
  4. ScreenGUI上にTextLabelを追加する
    image.png

image.png

image.png

GUIをいろいろ変えてみる

  1. TextLabelを選択してからPropertyウィンドウをひらく
    image.png

  2. フォント（Fontは文字の形です）をえらべます
    image.png

  3. 表示する文字や、そのサイズを変えられます
    image.png

image.png
4. ラベルの枠の太さや色を変えられます
image.png
5. ラベル全体の大きさを変えられます（Scale）

image.png image.png image.png
Scale=0.1 Scale=0.5 Scale=0.95
画面の左上にちょっぴり 画面1/4に表示 画面ほぼ全体に表示

GUIにおける座標について

image.png

GUIへ画像を出す方法

  1. ScreenGUIにImageLabelを追加（TextLabelと同じ方法）
    image.png

image.png
2. ※まずあなたのRobloxゲームを、世界中に大して公開しておく必要があります。
自分のつくったRobloxを世界中へ公開する方法
3. ImageラベルのPropertyにある「Image」から画像をアップロード
image.png

image.png

image.png

2
1
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
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?