Billboards getting dimmer

[lightningdragon378 (OJ 287)]

I need a script that makes a billboard GUI image gets dimmer as you go farther away from them.

[nicemike40]

Use the game:GetService("RunService").RenderStepped event to run a function every frame, which checks the distance between the camera and the GUI’s part, and sets the transparency based on that (maybe using a formula like math.clamp(distance / maxDistance, 0, 1))

[robot300047 (hello)]

Use raycasting to get the distance of the player to the billboard and have a light source behind the billboard so depending on the raycast result you change the intensity of the lighting.

[boeljoet]

what do you mean by dimmer?
or something completely different?

SurfaceGui | Documentation - Roblox Creator Hub

[lightningdragon378 (OJ 287)]

I don’t know how to use raycasting

[lightningdragon378 (OJ 287)]

I mean that as you go farther away the billboard GUI gets more transparent

[TheMrShowerMan (MrShowerMan)]

I basically made this by using a RenderStepped function and calculating the distance between the player and the BillboardGui to calculate the transparency I need.

--[[ Local Script ]]--
local RunSerivce = game:GetService("RunService")
local Players = game:GetService("Players")

local localPlayer = Players.LocalPlayer

local BillBoardGui = script.Parent
local Frame = BillBoardGui.Frame

local maxDistance = 80
local minDistance = 40

RunSerivce.RenderStepped:Connect(function()
	local character = localPlayer.Character
	if not character then return end
	if not BillBoardGui.Adornee then return end
	
	local billboardWorldPosition = 
		(BillBoardGui.Adornee:GetPivot() * CFrame.new(BillBoardGui.StudsOffsetWorldSpace)).Position + BillBoardGui.StudsOffset
	
	local distance = (billboardWorldPosition - character.HumanoidRootPart.Position).Magnitude
	Frame.Transparency = math.clamp((distance - minDistance)/(maxDistance - minDistance), 0, 1)
end)

[lightningdragon378 (OJ 287)]

I tried this in a LocalScript and it didn’t work.

[TheMrShowerMan (MrShowerMan)]

This is how I setup my workspace: 2023-10-22 12-16-36. I should note that this is just a template on how to do it, you have to make it work for your own system. Some key things to note: make sure that the LocalScript is a direct descendant to the BillboardGui and that the frame that you want to become transparent should be named Frame, which is also a direct descendant to the BillboardGui.