【Roblox Studio】明るさを変更するボタンの作り方(3D&UI版)

○○の作り方

3D版

完成動画

はじめに

Roblox Studioでは、ゲームの明るさを変更することで、昼夜の演出や雰囲気の調整が可能です。本記事では、ボタンに似せたオブジェクトに近づいた際にProximityPromptが表示され、それを発動することでゲーム全体の明るさを変更する方法を紹介します。

使用する機能

  • ProximityPrompt(プレイヤーが近づいた際にインタラクションを提供するUI要素)
  • ProximityPrompt.Triggered(プレイヤーがProximityPromptを発動した際にイベントを実行する)
  • game:GetService("Lighting")(Lightingサービスを取得し、ゲームの明るさを変更する)

構成

このシステムでは、2つのProximityPromptを用意し、それぞれのProximityPromptを発動することで明るさを増減させます。

エクスプローラーの構成

Part
└ SurfaceGui
   └ TextLabel(明)
   └ TextLabel(暗)
Part
└ ProximityPrompt(明るくする)
   └ Script
Part
└ ProximityPrompt(暗くする)
   └ Script

スクリプトの設定

各ProximityPromptに Script を追加し、それぞれの Script に以下のコードを記述します。

1. 明るくするスクリプト

local ProximityPrompt1 = script.Parent
local Lighting = game:GetService("Lighting")

ProximityPrompt1.Triggered:Connect(function(promptObject, player)
	Lighting.Brightness = 5
end)

2. 暗くするスクリプト

local ProximityPrompt2 = script.Parent
local Lighting = game:GetService("Lighting")

ProximityPrompt2.Triggered:Connect(function(promptObject, player)
	Lighting.Brightness = 1
end)

解説

1. ProximityPrompt の取得

local ProximityPrompt1 = script.Parent

script.Parent を使って、スクリプトが配置されている ProximityPrompt を取得します。

2. Lighting サービスの取得

local Lighting = game:GetService("Lighting")

game:GetService(“Lighting”) を使って Lighting サービスを取得します。

3. ProximityPrompt が発動したときの処理

ProximityPrompt1.Triggered:Connect(function(promptObject, player)

ProximityPrompt.Triggered イベントを使い、プレイヤーが ProximityPrompt を発動したときの動作を設定します。

4. 明るさの変更

Lighting.Brightness = 5

明るくする場合は Brightness を 5 にします。

暗くする場合は 1 にします。

まとめ

この方法を使うことで、プレイヤーが3Dオブジェクトに近づいてProximityPromptを発動するだけでゲームの明るさを調整できます。

UI版

完成動画

はじめに

Roblox Studioでは、ゲームの明るさを変更することで、昼夜の演出や雰囲気の調整が可能です。本記事では、UI上のボタンをクリックすることでゲーム全体の明るさを変更する方法を紹介します。

使用する機能

  • StarterGui(GUIの親コンテナ)
  • ScreenGui(画面上のGUI要素を管理)
  • TextButton(クリック可能なボタンUI)
  • LocalScript(クライアント側で実行されるスクリプト)
  • button.Activated(ボタンが押されたときに実行されるイベント)
  • game:GetService("Lighting")(ライティングサービスを取得)
  • Lighting.Brightness(ゲーム全体の明るさを変更)

構成

このシステムでは、2つのボタンを用意し、それぞれのボタンをクリックすることで明るさを増減させます。

エクスプローラーの構成

StarterGui
└ScreenGui
 └TextButton(明るくするボタン)
  └LocalScript
 └TextButton(暗くするボタン)
  └LocalScript

スクリプトの設定

各ボタンに LocalScript を追加し、それぞれの LocalScript に以下のコードを記述します。

1. 明るくするボタンのスクリプト

local button = script.Parent
local Lighting = game:GetService("Lighting")

button.Activated:Connect(function()
	Lighting.Brightness = Lighting.Brightness + 0.5
end)

2. 暗くするボタンのスクリプト

local button = script.Parent
local Lighting = game:GetService("Lighting")

button.Activated:Connect(function()
	Lighting.Brightness = Lighting.Brightness - 0.5
end)

解説

1. ボタンの取得

local button = script.Parent
  • script.Parent を使って、スクリプトが配置されている TextButton を取得します。

2. Lighting サービスの取得

local Lighting = game:GetService("Lighting")
  • game:GetService("Lighting") を使って Lighting サービスを取得します。

3. ボタンがクリックされたときの処理

button.Activated:Connect(function()
  • button.Activated イベントを使い、ボタンがクリックされたときの動作を設定します。

4. 明るさの変更

Lighting.Brightness = Lighting.Brightness + 0.5
  • 明るくするボタンの場合、 Brightness+0.5 します。
  • 暗くするボタンの場合、 -0.5 します。

まとめ

この方法を使うことで、プレイヤーがボタンをクリックするだけでゲームの明るさを調整できます。

チュートリアル系電子書籍の紹介
Roblox Studioでゲーム制作を始めてみませんか?
日本語版 ※英語版あり 「10時間でできる Roblox Studio アクションゲーム制作入門」では、Roblox Studioでのゲーム制作の基本から応用までを短時間で効率的に学びます。この一冊で、初心者でも簡単にアクションゲームを制作できるようになり、ゲーム制作の面白さと達成感を存分に味わうことができます。Roblox Studioの世界への扉を開き、あなたのクリエイティブな旅を始めましょう。
チュートリアル系動画
電子書籍を動画にしました!※無料クーポンあり!

「10時間でできる Roblox Studio アクションゲーム制作入門」の動画版では、書籍の内容をさらにわかりやすく、実際の画面操作を見ながら学べる形式でお届けします。初心者でも安心して取り組めるように、Roblox Studioの基本操作からアクションゲームの完成までを丁寧に解説。テンポよく進むレクチャー動画で、あなたのペースに合わせて学習できます。この動画シリーズを通して、ゲーム制作の基礎をしっかり習得し、Roblox Studioの可能性を広げましょう!

割引クーポンコードはこちらです↓
※3月12日21時まで!
6E0150A3770784ADF77D

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で自由自在にアニメーションを作成し、よりクリエイティブなゲームを作りましょう!
○○の作り方Roblox Studio
シェアする
hideをフォローする
Roblox Studio 制作tips

コメント

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