Godot 4 - "canvas_item_add_texture_rect" Confusion...

This is a READ-ONLY snapshot of the Godot Community Forums when TwistedTwigleg was the owner, which is hosted for archival reasons only. The current Godot Community Forums can be found here.

Some links may point to external websites, including the current Godot Community Forums. These websites are not associated with TwistedTwigleg.

Godot 4 - "canvas_item_add_texture_rect" Confusion...

JeZxLee

Hi,

We now have 2D sprites loading and displaying on the screen.
But we are having major problems with: "canvas_item_add_texture_rect"...

for index in range(0, 20000):
    if Sprites.SpriteActive[index] == true:
        RenderingServer.canvas_item_add_texture_rect(Sprites.ci_rid[index], Rect2(Sprites.SpriteImage[index].get_size() / 2, Sprites.SpriteImage[index].get_size()), Sprites.SpriteImage[index])
        var xform = Transform2D().translated(Vector2(VisualsCore.ScreenWidth/2, VisualsCore.ScreenHeight/2))
        RenderingServer.canvas_item_set_transform(Sprites.ci_rid[index], xform)

We want all sprites centered on the screen, but look at below screenshot to see they are not centered on screen?
Any ideas, thanks!

Jesse

cybereality

Can you explain what is in those arrays, and their types? I tried to make an example but I don't understand how you are loading the images.

JeZxLee

Hi,

Sorry, not anywhere close to uploading project to GitHub....
I can however paste the entire function below:
Thanks!

Jesse

#----------------------------------------------------------------------------------------
func _ready():
	for _index in range(0, 20000):
		Sprites.ci_rid.append(-1)
		Sprites.ci_rid[_index] = RenderingServer.canvas_item_create()
		RenderingServer.canvas_item_set_parent(Sprites.ci_rid[_index], get_canvas_item())
		Sprites.SpriteImage.append(-1)
		Sprites.SpriteActive.append(false)
		Sprites.SpriteScreenX.append(-99999)
		Sprites.SpriteScreenY.append(-99999)
		Sprites.SpriteScaleX.append(1.0)
		Sprites.SpriteScaleY.append(1.0)
		Sprites.SpriteRotation.append(0)
		Sprites.SpriteColorRed.append(1.0)
		Sprites.SpriteColorGreen.append(1.0)
		Sprites.SpriteColorBlue.append(1.0)
		Sprites.SpriteColorAlpha.append(1.0)
	
	Sprites.SpriteImage[0] = load("res://media/images/backgrounds/FadingBlackBG.png")
	Sprites.SpriteActive[0] = true

	Sprites.SpriteImage[5] = load("res://media/images/logos/GodotLogo.png")
	Sprites.SpriteActive[5] = true

	Sprites.SpriteImage[10] = load("res://media/images/backgrounds/BG_Title.png")
	Sprites.SpriteActive[10] = true

	Sprites.SpriteImage[13] = load("res://media/images/gui/MoreFreeGames.png")
	Sprites.SpriteActive[13] = true

	Sprites.SpriteImage[14] = load("res://media/images/gui/SourceCode.png")
	Sprites.SpriteActive[14] = true

	Sprites.SpriteImage[20] = load("res://media/images/logos/Logo.png")
	Sprites.SpriteActive[20] = true

	Sprites.SpriteImage[21] = load("res://media/images/logos/Logo2.png")
	Sprites.SpriteActive[21] = true

	Sprites.SpriteImage[23] = load("res://media/images/backgrounds/TS1.png")
	Sprites.SpriteActive[23] = true

	Sprites.SpriteImage[25] = load("res://media/images/logos/GooglePlayLogo.png")
	Sprites.SpriteActive[25] = true

	for index in range(30, 40):
		Sprites.SpriteImage[index] = load("res://media/images/gui/ScreenLine.png")
		Sprites.SpriteActive[index] = true

	for index in range(40, 50):
		Sprites.SpriteImage[index] = load("res://media/images/gui/Button.png")
		Sprites.SpriteActive[index] = true

	Sprites.SpriteImage[50] = load("res://media/images/gui/ButtonSelectorLeft.png")
	Sprites.SpriteActive[50] = true
	Sprites.SpriteImage[51] = load("res://media/images/gui/ButtonSelectorRight.png")
	Sprites.SpriteActive[51] = true

	Sprites.SpriteImage[60] = load("res://media/images/gui/SelectorLine.png")
	Sprites.SpriteActive[60] = true

	for index in range(80, 100, 2):
		Sprites.SpriteImage[index] = load("res://media/images/gui/ButtonSelectorLeft.png")
		Sprites.SpriteActive[index] = true
		Sprites.SpriteImage[index+1] = load("res://media/images/gui/ButtonSelectorRight.png")
		Sprites.SpriteActive[index+1] = true

	Sprites.SpriteImage[110] = load("res://media/images/gui/SpeakerOFF.png")
	Sprites.SpriteActive[110] = true
	Sprites.SpriteImage[111] = load("res://media/images/gui/SpeakerON.png")
	Sprites.SpriteActive[111] = true
	Sprites.SpriteImage[115] = load("res://media/images/logos/GooglePlayLogo.png")
	Sprites.SpriteActive[115] = true
	Sprites.SpriteImage[116] = load("res://media/images/logos/ReviewGooglePlayLogo.png")
	Sprites.SpriteActive[116] = true

	Sprites.SpriteImage[117] = load("res://media/images/gui/Exit2.png")
	Sprites.SpriteActive[117] = true

	Sprites.SpriteImage[119] = load("res://media/images/gui/JoinIn.png")
	Sprites.SpriteActive[119] = true

	Sprites.SpriteImage[120] = load("res://media/images/gui/IconLeft.png")
	Sprites.SpriteActive[120] = true
	Sprites.SpriteImage[121] = load("res://media/images/gui/IconRight.png")
	Sprites.SpriteActive[121] = true
	Sprites.SpriteImage[122] = load("res://media/images/gui/IconDown.png")
	Sprites.SpriteActive[122] = true
	Sprites.SpriteImage[123] = load("res://media/images/gui/IconRotate.png")
	Sprites.SpriteActive[123] = true

	Sprites.SpriteImage[125] = load("res://media/images/gui/IconLeft.png")
	Sprites.SpriteActive[125] = true
	Sprites.SpriteImage[126] = load("res://media/images/gui/IconRight.png")
	Sprites.SpriteActive[126] = true
	Sprites.SpriteImage[127] = load("res://media/images/gui/IconDown.png")
	Sprites.SpriteActive[127] = true
	Sprites.SpriteImage[128] = load("res://media/images/gui/IconRotate.png")
	Sprites.SpriteActive[128] = true

	Sprites.SpriteImage[130] = load("res://media/images/playing/Board3Player.png")
	Sprites.SpriteActive[130] = true

	Sprites.SpriteImage[141] = load("res://media/images/story/BG_Story-1.png")
	Sprites.SpriteActive[141] = true
	Sprites.SpriteImage[142] = load("res://media/images/story/BG_Story-2.png")
	Sprites.SpriteActive[142] = true
	Sprites.SpriteImage[143] = load("res://media/images/story/BG_Story-3.png")
	Sprites.SpriteActive[143] = true
	Sprites.SpriteImage[144] = load("res://media/images/story/BG_Story-4.png")
	Sprites.SpriteActive[144] = true
	Sprites.SpriteImage[145] = load("res://media/images/story/BG_Story-5.png")
	Sprites.SpriteActive[145] = true
	Sprites.SpriteImage[146] = load("res://media/images/story/BG_Story-6.png")
	Sprites.SpriteActive[146] = true
	Sprites.SpriteImage[147] = load("res://media/images/story/BG_Story-7.png")
	Sprites.SpriteActive[147] = true
	Sprites.SpriteImage[148] = load("res://media/images/story/BG_Story-8.png")
	Sprites.SpriteActive[148] = true
	Sprites.SpriteImage[149] = load("res://media/images/story/BG_Story-9.png")
	Sprites.SpriteActive[149] = true

	Sprites.SpriteImage[150] = load("res://media/images/story/CutScene-1.png")
	Sprites.SpriteActive[150] = true
	Sprites.SpriteImage[151] = load("res://media/images/story/CutScene-2.png")
	Sprites.SpriteActive[151] = true
	Sprites.SpriteImage[152] = load("res://media/images/story/CutScene-3.png")
	Sprites.SpriteActive[152] = true
	Sprites.SpriteImage[153] = load("res://media/images/story/CutScene-4.png")
	Sprites.SpriteActive[153] = true
	Sprites.SpriteImage[154] = load("res://media/images/story/CutScene-5.png")
	Sprites.SpriteActive[154] = true
	Sprites.SpriteImage[155] = load("res://media/images/story/CutScene-6.png")
	Sprites.SpriteActive[155] = true
	Sprites.SpriteImage[156] = load("res://media/images/story/CutScene-7.png")
	Sprites.SpriteActive[156] = true
	
	Sprites.SpriteImage[157] = load("res://media/images/story/CutScene-8.png")
	Sprites.SpriteActive[157] = true

	Sprites.SpriteImage[158] = load("res://media/images/story/CutScene-9.png")
	Sprites.SpriteActive[158] = true
	
	Sprites.SpriteImage[159] = load("res://media/images/story/CutScene-10.png")
	Sprites.SpriteActive[159] = true
	
	Sprites.SpriteImage[160] = load("res://media/images/story/CutScene-11.png")
	Sprites.SpriteActive[160] = true
	Sprites.SpriteImage[161] = load("res://media/images/story/CutScene-12.png")
	Sprites.SpriteActive[161] = true
	Sprites.SpriteImage[162] = load("res://media/images/story/CutScene-13.png")
	Sprites.SpriteActive[162] = true
	Sprites.SpriteImage[163] = load("res://media/images/story/CutScene-14.png")
	Sprites.SpriteActive[163] = true
	Sprites.SpriteImage[164] = load("res://media/images/story/CutScene-15.png")
	Sprites.SpriteActive[164] = true

	Sprites.SpriteImage[170] = load("res://media/images/story/Sunset.png")
	Sprites.SpriteActive[170] = true
	Sprites.SpriteImage[171] = load("res://media/images/story/Beach.png")
	Sprites.SpriteActive[171] = true
	Sprites.SpriteImage[172] = load("res://media/images/story/Him.png")
	Sprites.SpriteActive[172] = true
	Sprites.SpriteImage[173] = load("res://media/images/story/Her.png")
	Sprites.SpriteActive[173] = true

	for index in range(0, 100):
		Sprites.SpriteImage[200+index] = load("res://media/images/gui/NameInputButton2.png")
		Sprites.SpriteActive[200+index] = true

	var maxIndex = 624
	for index in range(10000, 10000+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxRed1.png")
		Sprites.SpriteActive[index] = true

	for index in range(11000, 11000+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxOrange1.png")
		Sprites.SpriteActive[index] = true

	for index in range(12000, 12000+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxAqua1.png")
		Sprites.SpriteActive[index] = true

	for index in range(13000, 13000+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxYellow1.png")
		Sprites.SpriteActive[index] = true

	for index in range(14000, 14000+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxGreen1.png")
		Sprites.SpriteActive[index] = true

	for index in range(15000, 15000+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxBlue1.png")
		Sprites.SpriteActive[index] = true

	for index in range(16000, 16000+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxPurple1.png")
		Sprites.SpriteActive[index] = true

	for index in range(17000, 17000+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxWhite1.png")
		Sprites.SpriteActive[index] = true

	PlayfieldSpriteCurrentIndex.resize(9)
	for index in range (0, 8):
		PlayfieldSpriteCurrentIndex[index] = 0

	maxIndex = (4*3*2)
	for index in range(19000, 19000+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxRed1.png")
		Sprites.SpriteActive[index] = true

	for index in range(19100, 19100+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxOrange1.png")
		Sprites.SpriteActive[index] = true

	for index in range(19200, 19200+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxAqua1.png")
		Sprites.SpriteActive[index] = true

	for index in range(19300, 19300+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxYellow1.png")
		Sprites.SpriteActive[index] = true

	for index in range(19400, 19400+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxGreen1.png")
		Sprites.SpriteActive[index] = true

	for index in range(19500, 19500+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxBlue1.png")
		Sprites.SpriteActive[index] = true

	for index in range(19600, 19600+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxPurple1.png")
		Sprites.SpriteActive[index] = true

	for index in range(19700, 19700+maxIndex):
		Sprites.SpriteImage[index] = load("res://media/images/playing/BoxWhite1.png")
		Sprites.SpriteActive[index] = true

	PieceSpriteCurrentIndex.resize(9)
	for index in range (0, 9):
		PieceSpriteCurrentIndex[index] = 0

	Sprites.SpriteImage[19980] = load("res://media/images/playing/KeyboardControls.png")
	Sprites.SpriteActive[19980] = true

	Sprites.SpriteImage[19999] = load("res://media/images/backgrounds/FadingBlackBG.png")
	Sprites.SpriteActive[19999] = true


# ISSUES BELOW
	for index in range(0, 20000):
		if Sprites.SpriteActive[index] == true:
			RenderingServer.canvas_item_add_texture_rect(Sprites.ci_rid[index], Rect2(Sprites.SpriteImage[index].get_size() / 2, Sprites.SpriteImage[index].get_size()), Sprites.SpriteImage[index])
			var xform = Transform2D().translated(Vector2(VisualsCore.ScreenWidth/2, VisualsCore.ScreenHeight/2))
			RenderingServer.canvas_item_set_transform(Sprites.ci_rid[index], xform)
# ISSUE ABOVE

#	var f = load("res://media/fonts/Font_01.ttf")
#	$"Label".set("custom_fonts/font", f)
#	$"Label".set("custom_fonts/font_size", 64)

#	FontTTF.append(DynamicFont.new())
#	FontTTF[0].font_data = load("res://media/fonts/Font_01.ttf")
#	FontTTF[0].size = 25
#	FontTTF.append(DynamicFont.new())
#	FontTTF[1].font_data = load("res://media/fonts/Font_01.ttf")
#	FontTTF[1].size = 60
#	FontTTF.append(DynamicFont.new())
#	FontTTF[2].font_data = load("res://media/fonts/Font_01.ttf")
#	FontTTF[2].size = 34
#	FontTTF.append(DynamicFont.new())
#	FontTTF[3].font_data = load("res://media/fonts/Font_02.ttf")
#	FontTTF[3].size = 16
#	FontTTF.append(DynamicFont.new())
#	FontTTF[4].font_data = load("res://media/fonts/Font_01.ttf")
#	FontTTF[4].size = 24

	TextCurrentIndex = 0

	AboutTextsStartIndex = 0
	AboutTextsEndIndex = 0

#	RenderingServer
	Sprites.SpriteImage[60].scale = Vector2(2.845, 1.0)
	Sprites.SpriteImage[60].modulate = Color(1.0, 1.0, 1.0, 0.4)
	
	DrawSprite(0, VisualsCore.ScreenWidth/2, VisualsCore.ScreenHeight/2, 1.0, 1.0, 0, 1.0, 1.0, 1.0, 1.0)
	Sprites.SpriteImage[0].set_z_index(1000)

	FramesPerSecondText = RichTextLabel.new()
	add_child(FramesPerSecondText)
	FramesPerSecondText.rect_clip_content = false
	FramesPerSecondText.add_font_override("normal_font", FontTTF[3])
	FramesPerSecondText.modulate = Color(1, 1, 1, 1)
	FontTTF[0].outline_size = 3
	FontTTF[0].outline_color = Color(0, 0, 0, 1)
	FramesPerSecondText.text = ("FPS="+str(Engine.get_frames_per_second()))
	var textWidth = FramesPerSecondText.get_font("normal_font").get_string_size(FramesPerSecondText.text).x
	var textHeight = FramesPerSecondText.get_font("normal_font").get_string_size(FramesPerSecondText.text).y
	FramesPerSecondText.rect_global_position.x = (5)
	FramesPerSecondText.rect_global_position.y = (ScreenHeight-21)
	FramesPerSecondText.set_size(Vector2(ScreenWidth, ScreenHeight), false)
	FramesPerSecondText.rect_pivot_offset = Vector2((textWidth / 2), (textHeight / 2))
	FramesPerSecondText.rect_scale = Vector2(1.0, 1.0)
	FramesPerSecondText.rect_rotation = 0.0

	pass

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

cybereality

The first parameter of the Rect2 object should be Vector2.ZERO.

var item_id = RenderingServer.canvas_item_create()
RenderingServer.canvas_item_set_parent(item_id, get_canvas_item())
var win_size = DisplayServer.window_get_size()
RenderingServer.canvas_item_add_texture_rect(item_id, Rect2(Vector2.ZERO, Vector2(256, 256)), texture)
var xform = Transform2D().translated(win_size / 2.0)
RenderingServer.canvas_item_set_transform(item_id, xform)

JeZxLee

Above not quite working...

Below works:

	for index in range(0, 20000):
		if Sprites.SpriteActive[index] == true:
			var win_size = DisplayServer.window_get_size()
			var sprite_size = Sprites.SpriteImage[index].get_size()
			RenderingServer.canvas_item_add_texture_rect(Sprites.ci_rid[index], Rect2(Vector2.ZERO, sprite_size), Sprites.SpriteImage[index])
			var xform = Transform2D().translated(Vector2(win_size.x / 2.0 - sprite_size.x / 2.0, win_size.y / 2.0 - sprite_size.y / 2.0))
			RenderingServer.canvas_item_set_transform(Sprites.ci_rid[index], xform)

cybereality

Well it depends where the pivot point in the sprite is, but I guess you figured it out.