UIドラッグ検出器

UIDragDetector - イベントシグナル透明度変更
-- 階層は SliderContainer ⟩ Handle ⟩ UIDragDetector ⟩ (このスクリプト)
local sliderContainer = script.Parent.Parent.Parent
local handle = sliderContainer:FindFirstChild("Handle")
local uiDragDetector = handle:FindFirstChildWhichIsA("UIDragDetector")

uiDragDetector.ResponseStyle = Enum.UIDragDetectorResponseStyle.Scale  -- スケールでドラッグするように設定
uiDragDetector.DragStyle = Enum.UIDragDetectorDragStyle.TranslateLine  -- ドラッグをラインに制限
uiDragDetector.BoundingUI = sliderContainer

-- 初期状態でハンドルのXスケール値に透明度を設定
sliderContainer.BackgroundTransparency = 1 - handle.Position.X.Scale

-- グラブ開始を示すためにハンドルのボーダーを拡張
uiDragDetector.DragStart:Connect(function(inputPosition)
	handle:FindFirstChildWhichIsA("UIStroke").Thickness = 6
end)

-- スケールでどのぐらいドラッグされたかによって透明度を変更
uiDragDetector.DragContinue:Connect(function(inputPosition)
	sliderContainer.BackgroundTransparency = 1 - handle.Position.X.Scale
end)

-- グラブ終了を示すためにハンドルのボーダーを元に戻す
uiDragDetector.DragEnd:Connect(function(inputPosition)
	handle:FindFirstChildWhichIsA("UIStroke").Thickness = 4
end)

UIDragDetector - DragRotation変更
local handle = script.Parent.Parent  -- ドラッグするUI要素
local uiDragDetector = handle:FindFirstChildWhichIsA("UIDragDetector")

uiDragDetector.DragStyle = Enum.UIDragDetectorDragStyle.Rotate  -- ドラッグスタイルを回転に設定

local function changeHue()
	local currAngle = (math.fmod(handle.Rotation, 360)) / 360
	if currAngle < 0 then
		currAngle += 1
	end
	handle.BackgroundColor3 = Color3.fromHSV(currAngle, 1, 1)
end

-- 初期状態でハンドルの回転に色相を設定
changeHue()

-- 検出器のドラッグ回転の GetPropertyChangedSignal() に関数を接続
uiDragDetector:GetPropertyChangedSignal("DragRotation"):Connect(changeHue)

UIDragDetector - サイン波を追従するドラッグ
local frame = script.Parent  -- ドラッグするUI要素
local uiDragDetector = frame:FindFirstChildWhichIsA("UIDragDetector")

local initialXValue = 0
local maxHeightChange = 200
local pixelsPerRadian = 75  -- この値を下げると周波数が増加します

uiDragDetector.DragStart:Connect(function(inputPosition)
	initialXValue = inputPosition.X
end)

local function computeSinWaveCoordinate(inputPosition)
	local deltaX = inputPosition.X - initialXValue
	-- 正のY変化で画面上で「上」に行くように負のYデルタ
	local deltaY = -math.sin(deltaX / pixelsPerRadian) * maxHeightChange
	return UDim2.fromOffset(deltaX, deltaY)
end

uiDragDetector:SetDragStyleFunction(computeSinWaveCoordinate)

UIDragDetector - グリッドでのドラッグ、タイルにスナッピング
-- 階層は GridContainer ⟩ Handle ⟩ UIDragDetector ⟩ (このスクリプト)
local gridContainer = script.Parent.Parent.Parent
local handle = gridContainer:FindFirstChild("Handle")  -- ドラッグするUI要素
local uiDragDetector = handle:FindFirstChildWhichIsA("UIDragDetector")

uiDragDetector.ResponseStyle = Enum.UIDragDetectorResponseStyle.Scale  -- スケールでドラッグするように設定
uiDragDetector.DragRelativity = Enum.UIDragDetectorDragRelativity.Relative
uiDragDetector.BoundingUI = gridContainer

local NUM_COLUMNS = 10
local NUM_ROWS = 5

local xScaleIncrement = 1 / NUM_COLUMNS
local yScaleIncrement = 1 / NUM_ROWS
local initialParentPosition = uiDragDetector.Parent.Position

uiDragDetector.DragStart:Connect(function()
	initialParentPosition = uiDragDetector.Parent.Position
end)

local function dragToGridOnly(proposedPosition, proposedRotation)
	local griddedXScale = math.round(proposedPosition.X.Scale / xScaleIncrement) * xScaleIncrement
	local griddedYScale = math.round(proposedPosition.Y.Scale / yScaleIncrement) * yScaleIncrement

	return UDim2.fromScale(griddedXScale, griddedYScale), proposedRotation
end

uiDragDetector:AddConstraintFunction(1, dragToGridOnly)