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)