RobloxStudioでマウスドラッグを実装(DragDetector)|Robloxゲーム作成メモ

RobloxStudioで「マウスドラッグ」(DragDetector)を実装するメモになります。

はじめに

RobloxStudioでゲームを作成したことがない、または初めてゲームを作成する場合の参考記事は下記になります。

コイン集めゲームを開発。Part1.プレイヤー|Robloxゲーム制作

Robloxで簡単なコイン集めゲーム(CoinCollect)を作成していきます。Part1ではRobloxの基本とプレイヤーまでを実装していきます。

nosystemnolife.com

2025.10.11

今回は、RobloxStudioで「マウスで物をつかんで動かすことが出来るマウスドラッグ」を簡単に作成していきます。

製作開始

まずはマウスで動かすことのできるパーツを作成します。「Part」から作成、サイズは好きな大きさでOK。

追加した「Part」の配下に「DragDetector」を追加。これだけでパーツをつかみマウスで動かすことが出来ます。

下記のようにパーツをマウス（スマホタッチ）で掴むことが出来ます。

「Responsiveness」を調整して反応速度を変えることが出来ます。

そのほかにも設定が出来るので、下記公式リファレンスが参考になります。軸や方向を固定することが出来ますね。

https://create.roblox.com/docs/ja-jp/ui/3D-drag-detectors

create.roblox.com

スクリプトの追加

ドラッグしている時にハイライト表示をしてみます。Partの配下に「Script」を追加。

「Script」の中身を下記に変更します。

local part = script.Parent
local dragDetector = part:WaitForChild("DragDetector")

local highlight = nil

dragDetector.DragStart:Connect(function()
	if not highlight then
		highlight = Instance.new("Highlight")
		highlight.FillTransparency = 1
		highlight.OutlineTransparency = 0
		highlight.OutlineColor = Color3.new(1, 1, 1)
		highlight.Parent = part
	end
end)

dragDetector.DragEnd:Connect(function()
	if highlight then
		highlight:Destroy()
		highlight = nil
	end
end)

パーツを動かしている時にハイライト表示されたらOKです。