【Roblox Studio】画像付きのボタンを作ってみよう【ImageButton】

GUI

1. Roblox StudioのImageButton(イメージボタン)とは

Roblox Studioには、ImageButtonという機能があります。ImageButtonを使うことで、画像を使用したボタンを作成することができます。

以下では、ImageButtonを使用して、ゲーム画面に常に表示される画像付きのボタンを作成してみます。

2. 使用する機能

・ImageButton(イメージボタン)
・StarterGui(スタータージーユーアイ)
・ScreenGui(スクリーンジーユーアイ)

3. ImageButtonの簡単な使い方

まず、Roblox Studioを起動します。今回は、前回作成したものを使用します。

既に作成されてある「StarterGui」の中に「ScreenGui」を追加します。
「ScreenGui」の中に「ImageButton」を追加します。
以上の操作を行うことで、画面左上に新しく画面が表示されます。

「ImageButton」の「Image」を選択し、画像を選択します。

すると、新しく表示された画面に選択した画像が表示されました。

この状態でゲームをプレイしてみます。

このように、常に左上に画像が表示されるようになりました。
※画面をクリックできる状態ですが、クリック後の処理を用意していないため、反応がありません。

4. まとめ

・「ImageButton」を使用することで画像付きのボタンを表示させることができる
・「ScreenGui」と組み合わせることでプレイ画面に常に表示させることができる

チュートリアル系電子書籍の紹介
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をコピーしました