ボタン は GuiObjects で、ユーザーがアクションを実操作できるようにします。ボタンをカスタマイズしてコンテキストとフィードバックを提供し、ユーザーがボタンをクリックすると、ビジュアルアプペンスやスクリプトオーディオフィードバックなどを変更できます。
スクリーン上に配置することができる 2種類のボタンがあります on-screen または 体験中 ：
A TextButton は、クリック/タップで Activated イベントをトリガーするテキストです。
Class.ImageButton は、クリック/タップで Activated イベントをトリガーする画像です。追加のステートを持つことで、ユーザーのホバーまたはプレスで画像を交換できま押す。
画面上のボタンの作成
画面上のボタンは、ユーザーをさまざまなメニューまたはページに迅速に誘導するのに便利です。
画面にボタンを追加するには：
In the Explorer ウィンドウで、 StarterGui を選択し、 ScreenGui を追加します。
StarterGui の上にマウスポインタを置き、⊕ ボタンをクリックします。コンテキストメニューが表示されます。
Insert a ScreenGui 。
新しい ScreenGUI を選択し、ボタンを追加します。
ScreenGUI の上にマウスポインタを置き、⊕ ボタンをクリックします。コンテキストメニューが表示されます。
テキストボタン または 画像ボタン を挿入します。
パーツの顔にボタンを作成する
パーツ上のボタンは、ユーザーがパーツと対話できるようにするのに便利です。たとえば、ユーザーはボタンを踏んでアクションを完了できます。
部品の顔にボタンを追加するには：
In the エクスプローラー ウィンドウ, select the パーツ and add a サーフェスGUI .
パーツ の上にマウスポインタを置き、⊕ ボタンをクリックします。コンテキストメニューが表示されます。
Insert a サーフェスGUI 。
新しい サーフェスGUI を選択し、ボタンまたは入力の任意のタイプを追加します。
SurfaceGui の上にマウスポインタを置き、⊕ ボタンをクリックします。コンテキストメニューが表示されます。
テキストボタン または 画像ボタン を挿入します。
ボタンを見えない場合は、面を選択する フェイス プロパティの サーフェスGUI に移動してください。
画像ボタンの外観を変更する
ユーザーが ImageButton を操作すると、ユーザーがインタラクトするときにビジュアルフィードバックを提供します。たとえば、ユーザーが ImageButton の上にホバーすると、ユーザーはそれが無効でないことを知り、その ImageButton アクショ
Class.ImageButton には、視覚的な外外見を変更するための 3つのプロパティがあります：
Image - ユーザーが Class.ImageButton を操作していないときに表示される画像。
HoverImage - ユーザーがカーソルを ImageButton の上に置くと表示される画像。
PressedImage - ユーザーが ImageButton をクリックしたときに表示される画像。
ユーザーの入力で ImageButton の外観を変更するには：
画像ボタンを追加する 画面 または 表面 に画像ボタンを追加する。
In the エクスプローラー window, click the 画像ボタン object.
In the プロパティ window, assign three different respective asset IDs for the 画像 , ホバー画像 , and 1>プレステッド画像1> プロパティ.
ボタンのスクリプト
ユーザーがボタンを押すと、ボタンを GuiButton.Activated イベントに接続するスクリプトをスクリプトできます。たとえば、ボタンを親にすると、次の LocalScript がボタンをランダムな色に変更するたびに実行されます。
local button = script.Parent
local RNG = Random.new()
local function onButtonActivated()
-- ボタンの色をランダム化する
button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end
button.Activated:Connect(onButtonActivated)