How to make UI point towards part (based on camera rotation)

Help and Feedback Scripting Support
#1

I’m trying to create a sort of compass type thing, that will point towards a part

local ClosestItem, ClosestItemDistance
	for _, item in pairs(Items:GetChildren()) do
		local Distance = (item.Position - Character.HumanoidRootPart.Position).Magnitude
		if Distance <= MaximumDistance then -- Within range
			if ClosestItem then -- Already a closest item, check if closer
				if Distance < ClosestItemDistance then
					ClosestItem = item
					ClosestItemDistance = Distance
				end
			else
				ClosestItem = item
				ClosestItemDistance = Distance
			end
		end
	end

	if not ClosestItem then return end

	-- Work out CFrame
	local pos = Camera.CFrame.Position - ClosestItem.Position
	local rot = -math.deg(math.atan2(pos.X, pos.Z)) + 90
	if rot < 0 then
		rot += 360
	end
	Tracker.Rotation = rot

However if this red part is the part I’m looking for, it doesn’t properly match. The way to tell which way the pointer is pointing is the square at the top.

The black frame is whats in studio (Tracker) while the red arrow is to show where the black should be point
image

image
image941×542 33.8 KB

2 Likes
#2

Check out WorldToScreenPoint. It will return coordinates on the screen, you can then use those coordinates as a Vector2 to calculate the rotation to make for the UI element.

To calculate the rotation (vec2 being your WorldToScreenPoint, vec1 being your current compass position):

math.deg(math.atan2(vec2.Y - vec1.Y, vec2.X - vec1.X)) + 90
1 Like
#3

Not entirely how to go about fixing it, but not working :confused:

image
image1920×1080 257 KB

image
image1920×1080 257 KB 

local rot = math.deg(math.atan2(vector.Y - ClosestItem.Position.Y, vector.X - ClosestItem.Position.X))
if rot < 0 then
	rot += 360
end
#4

This should definitely work, as this is the result: https://gyazo.com/171cf0814bbb621c4782f3ad40900c77

You may not be using the correct position for the compass. This is what I have done taking from the WorldToScreenPoint article’s code and applying the formula. I’ve added + 90 as it appears there was an offset.

local camera = workspace.CurrentCamera
local vector, onScreen = camera:WorldToScreenPoint(workspace.Part.Position)
local screenPoint = Vector2.new(vector.X, vector.Y)
local frame = game.Players.LocalPlayer.PlayerGui.ScreenGui.Frame
frame.Rotation = math.deg(math.atan2(screenPoint.Y - frame.AbsolutePosition.Y, screenPoint.X - frame.AbsolutePosition.X)) + 90
Gui moving to part?
#5

How can I get it so the top of the frame is always what’s pointing, and not just rotating, as the arrow is at the top of the frame, but gets flipped to be at the bottom?

#6

Have you ever figured out how to make the UI turn depending on where the player is facing? Making a minimap, and need some help with this.

#7

This topic is useful for finding which way the player is facing.

If you set a constant for which Vector is North, you can rotate the UI in direct proportion to the player’s LookVector, could use CFrames.

1 Like