Text Outline Not Working - Please Help, Thanks!

JeZxLee

Hi,

Having trouble with text outline below? Let us know how to fix this, thanks!

Jesse

VisualsCore.DrawText(VisualsCore.TextCurrentIndex, "Made With 100% FREE:", 0, 100, 1, 60, 1.0, 1.0, 0, 0.6, 0.6, 0.6, 1.0, 1.0, 0.0, 0.0) //Should be red outline, but outline is black?


#----------------------------------------------------------------------------------------
func DrawText(var index, var text, var x, var y, var horizontalJustification, var fontSize, var scaleX, var scaleY, var rotation, var red, var green, var blue, var alpha, var outlineRed, var outlineGreen, var outlineBlue):
	Texts.TextImage.append(RichTextLabel.new())

	add_child(Texts.TextImage[index])

	var fontToUseIndex = 0
	if fontSize == 25:
		fontToUseIndex = 0
	elif fontSize == 60:
		fontToUseIndex = 1

	Texts.TextImage[index].rect_clip_content = false

	Texts.TextImage[index].add_font_override("normal_font", FontTTF[fontToUseIndex])

	Texts.TextImage[index].modulate = Color(red, green, blue, alpha)
	
	FontTTF[fontToUseIndex].outline_size = 3
	FontTTF[fontToUseIndex].outline_color = Color(outlineRed, outlineGreen, outlineBlue, alpha)

	Texts.TextImage[index].text = text

	var textWidth = Texts.TextImage[index].get_font("normal_font").get_string_size(Texts.TextImage[index].text).x
	var textHeight = Texts.TextImage[index].get_font("normal_font").get_string_size(Texts.TextImage[index].text).y

	Texts.TextImage[index].rect_global_position.x = x
	Texts.TextImage[index].rect_global_position.y = (y - (textHeight / 2))

	Texts.TextImage[index].set_size(Vector2(ScreenWidth, ScreenHeight), false)

	Texts.TextImage[index].rect_pivot_offset = Vector2((textWidth / 2), (textHeight / 2))

	Texts.TextImage[index].rect_scale = Vector2(scaleX, scaleY)

	Texts.TextImage[index].rect_rotation = rotation

	if horizontalJustification == 0:
		Texts.TextImage[index].rect_global_position.x = x
	elif horizontalJustification == 1:
		Texts.TextImage[index].rect_global_position.x = ((VisualsCore.ScreenWidth/2) - (textWidth / 2))
	elif horizontalJustification == 2:
		Texts.TextImage[index].rect_global_position.x = (VisualsCore.ScreenWidth - x - (textWidth))
	elif horizontalJustification == 4:
		Texts.TextImage[index].rect_global_position.x = (x - (textWidth / 2))

	Texts.TextIndex.append(index)
	Texts.TextScreenX.append(x)
	Texts.TextScreenY.append(y)
	Texts.TextHorizontalJustification.append(horizontalJustification)
	Texts.TextSize.append(fontSize)
	Texts.TextScaleX.append(scaleX)
	Texts.TextScaleY.append(scaleY)
	Texts.TextRotation.append(rotation)
	Texts.TextColorRed.append(red)
	Texts.TextColorGreen.append(green)
	Texts.TextColorBlue.append(blue)
	Texts.TextColorAlpha.append(alpha)
	Texts.TextOutlineRed.append(outlineRed)
	Texts.TextOutlineGreen.append(outlineGreen)
	Texts.TextOutlineBlue.append(outlineBlue)

	TextCurrentIndex+=1

	pass

#----------------------------------------------------------------------------------------

JeZxLee

Hi,

If we change: FontTTF[fontToUseIndex].outline_color = Color(outlineRed, outlineGreen, outlineBlue, alpha)

to: FontTTF[fontToUseIndex].outline_color = Color(1.0, outlineGreen, outlineBlue, alpha)

the text outline is red?

Is passing a var into Color() not supported? Any ideas?

Jesse

JeZxLee

See the problem, not sure how to fix: The last used text outline color is used for all text outlines?

FontTTF[fontToUseIndex].outline_color = Color(outlineRed, outlineGreen, outlineBlue, alpha)

changes the loaded TTF font, NOT the individual text on screen?

Jesse

JeZxLee

Guess this forum is dead??

Have a working example below:

#----------------------------------------------------------------------------------------
func DrawText(var index, var text, var x, var y, var horizontalJustification, var fontSize, var scaleX, var scaleY, var rotation, var red, var green, var blue, var alpha, var outlineRed, var outlineGreen, var outlineBlue):
	Texts.TextImage.append(RichTextLabel.new())
	Texts.TextImage.append(RichTextLabel.new())
	Texts.TextImage.append(RichTextLabel.new())
	Texts.TextImage.append(RichTextLabel.new())

	Texts.TextImage.append(RichTextLabel.new())

	add_child(Texts.TextImage[index])
	add_child(Texts.TextImage[index+1])
	add_child(Texts.TextImage[index+2])
	add_child(Texts.TextImage[index+3])

	add_child(Texts.TextImage[index+4])

	var fontToUseIndex = 0
	if fontSize == 25:
		fontToUseIndex = 0
	elif fontSize == 60:
		fontToUseIndex = 1

	var offsetX = 0
	var offsetY = 0
	var counter = 0
	var textWidth = 0
	var textHeight = 0
	for arrayIndex in range(index, index+5):
		if counter == 0:
			offsetX = 0
			offsetY = -3
		elif counter == 1:
			offsetX = 0
			offsetY = 3
		elif counter == 2:
			offsetX = -3
			offsetY = 0
		elif counter == 3:
			offsetX = 3
			offsetY = 0
		else:
			offsetX = 0
			offsetY = 0
		
		counter+=1
		
		Texts.TextImage[arrayIndex].rect_clip_content = false

		Texts.TextImage[arrayIndex].add_font_override("normal_font", FontTTF[fontToUseIndex])

		if (counter < 5):
			Texts.TextImage[arrayIndex].modulate = Color(outlineRed, outlineGreen, outlineBlue, alpha)
		else:
			Texts.TextImage[arrayIndex].modulate = Color(red, green, blue, alpha)
		
		Texts.TextImage[arrayIndex].text = text

		textWidth = Texts.TextImage[arrayIndex].get_font("normal_font").get_string_size(Texts.TextImage[arrayIndex].text).x
		textHeight = Texts.TextImage[arrayIndex].get_font("normal_font").get_string_size(Texts.TextImage[arrayIndex].text).y

		Texts.TextImage[arrayIndex].rect_global_position.y = (  offsetY + ( y - (textHeight / 2) )  )

		Texts.TextImage[arrayIndex].set_size(Vector2(ScreenWidth, ScreenHeight), false)

		Texts.TextImage[arrayIndex].rect_pivot_offset = Vector2((textWidth / 2), (textHeight / 2))

		Texts.TextImage[arrayIndex].rect_scale = Vector2(scaleX, scaleY)

		Texts.TextImage[arrayIndex].rect_rotation = rotation

		if horizontalJustification == 0:
			Texts.TextImage[arrayIndex].rect_global_position.x = x + offsetX
		elif horizontalJustification == 1:
			Texts.TextImage[arrayIndex].rect_global_position.x = ((ScreenWidth/2) - (textWidth / 2)) + offsetX
		elif horizontalJustification == 2:
			Texts.TextImage[arrayIndex].rect_global_position.x = (ScreenWidth - x - (textWidth)) + offsetX
		elif horizontalJustification == 4:
			Texts.TextImage[arrayIndex].rect_global_position.x = (x - (textWidth / 2)) + offsetX

		Texts.TextIndex.append(arrayIndex)
		Texts.TextScreenX.append(Texts.TextImage[arrayIndex].rect_global_position.x)
		Texts.TextScreenY.append(Texts.TextImage[arrayIndex].rect_global_position.y)
		Texts.TextWidth.append(textWidth)
		Texts.TextHeight.append(textHeight)
		Texts.TextHorizontalJustification.append(horizontalJustification)
		Texts.TextSize.append(fontSize)
		Texts.TextScaleX.append(scaleX)
		Texts.TextScaleY.append(scaleY)
		Texts.TextRotation.append(rotation)
		Texts.TextColorRed.append(red)
		Texts.TextColorGreen.append(green)
		Texts.TextColorBlue.append(blue)
		Texts.TextColorAlpha.append(alpha)
		Texts.TextOutlineRed.append(outlineRed)
		Texts.TextOutlineGreen.append(outlineGreen)
		Texts.TextOutlineBlue.append(outlineBlue)

	TextCurrentIndex+=5

	pass

#----------------------------------------------------------------------------------------

TwistedTwigleg

@JeZxLee said: Guess this forum is dead??

The forums are not dead, you likely just didn’t get an answer because no one knew how to help. I can confidently say that the forum is not dead and continuing to have a healthy amount of activity.