Is it possible to make rainbow chat text in TextChatService?

[Remingling]

Hi,

I want to know if it is possible to make rainbow chat text in the new chat service, TextChatService.

In the old text service, it was very easy to do but I don’t know if it’s possible on the new service since I never seen anyone do it.

Thanks for reading.

[Remingling]

Here’s an example of what I mean:

@JackOfAllTrades101

With the release of the RichText feature, this can be done now with RichText, string patterns, and a table. I actually wrote a script for this just recently.

local players = game:GetService("Players")
local player = players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")
local chat = playerGui:WaitForChild("Chat")
local frame = chat:WaitForChild("Frame")
local chatChannelParentFrame = frame:WaitForChild("ChatChannelParentFrame")
local frameMessageLogDisplay = chatChannelParentFrame:WaitForChild("Frame_MessageLogDisplay")
local scroller = frameMessageLogDisplay:WaitForChild("Scroller")

function rainbowText(textLabel)
	if textLabel.ClassName == "TextLabel" then
		textLabel.RichText = true
		
		local s = textLabel.Text
		local frequency = 1 -- determines how quickly it repeats
		local totalCharacters = 0
		local strings = {}
		
		for character in string.gmatch(s, ".") do
			if string.match(character, "%s") then
				table.insert(strings, character)
			else
				totalCharacters += 1
				table.insert(strings, '<font color="rgb(0, 0, 0)">')
				table.insert(strings, character..'</font>')
			end
		end
		
		while task.wait() do
			local str = ""
			local counter = totalCharacters
			for _, sub in ipairs(strings) do
				if string.match(sub, "%a+%b()") then
					counter -= 1
					local color = Color3.fromHSV(-math.atan(math.tan((os.clock() + counter/math.pi)/frequency))/math.pi + 0.5, 1, 1)
					sub = string.gsub(sub, "%a+%b()", "rgb("..math.floor(color.R * 255)..", "..math.floor(color.G * 255)..", "..math.floor(color.B * 255)..")")
				end	
				str ..= sub
			end
			textLabel.Text = str
		end
	end
end

for _, textLabel in pairs(scroller:GetDescendants()) do
	rainbowText(textLabel)
end

scroller.DescendantAdded:Connect(function(textLabel)
	rainbowText(textLabel)
end)

This should be the results:

//devforum-uploads.s3.dualstack.us-east-2.amazonaws.com/uploads/original/4X/a/a/9/aa9828fb9eb91fb61e66c43c36a4927a8b42ee87.mp4

I hope this helps!

WARNING: Using RichText for a chat system will prevent the chat from being filtered. I recommend using this method for in-game text only.

[carbonscripts (Caleb)]

It is not possible in robloxs new textchatservice (to my knowledge) because robloxs actual gui for textchatservice is in coregui and using textchatserviceproperties doesnt work after its initally fused with the textchatmessage and changing textchatmessage doesnt work at all.

[carbonscripts (Caleb)]

I have managed to partially replicate it but it was a little hacky

[24redii]

why are you gatekeeping the code

[carbonscripts (Caleb)]

Sorry, I changed the property for textcolor3 in textchatservice’s ChatWindowConfiguration to the RGB every heartbeat but if they didnt have the rgb enabled, I use overridemessageproperties on the incomingmessage callback to override that and make it the default text color. There’s probably a better way to do it and I might be recalling it incorrectly but it’s what worked for me.

[24redii]

thanks! i’ll try that and see if it works!

[24redii]

@carbonscripts

changed the property for textcolor3 in textchatservice’s ChatWindowConfiguration to the RGB every heartbeat but if they didnt have the rgb enabled, I use overridemessageproperties on the incomingmessage callback to override that and make it the default text color

bruh its been 3 months and i still can’t do this, it changes the chat bubble to white and also the heartbeat lags the game

EDIT: I solved it now it’s ok

[bitsplicer]

Sorry for the bump.

This does not work for DisplaySystemMessage.

Also if anyone else wants to make these here is the code, with <rainbow> tags:

function gsub_literal(str, target, replacement) -- thx chatgpt
	local search_start = 1
	local result = {}

	while true do
		local found_start, found_end = string.find(str, target, search_start, true) -- 'true' makes it plain text search
		if not found_start then
			table.insert(result, string.sub(str, search_start))
			break
		end
		table.insert(result, string.sub(str, search_start, found_start - 1))
		table.insert(result, replacement)
		search_start = found_end + 1
	end

	return table.concat(result)
end
local function rainbowText(text)
	text = `<font color="rgb(255, 255, 255)">!{text}</font>`
	text = gsub_literal(text, "<rainbow>", "</font>")
	text = gsub_literal(text, "</rainbow>", '<font color="rgb(255, 255, 255)">')
	return text
end


TextChatService.OnIncomingMessage = function(message: TextChatMessage)
	local props = Instance.new("TextChatMessageProperties")

	props.Text = rainbowText(message.Text)
	return props
end
RunService.RenderStepped:Connect(function()
	TextChatService.ChatWindowConfiguration.TextColor3 = Color3.fromHSV((tick() / 5) % 1, 1, 1)
end)