How to set the location of the center button of a minigrid of 9 to all 9 buttons.

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.

How to set the location of the center button of a minigrid of 9 to all 9 buttons.

cloa513

for l in 9:
		for k in 3:
			for j in 9:
				for i in 3:
					var tile=Button.new()
					tile.set_script(scrip)
					xrow=int(ceil((((x/tilesize))/3)+1))
					yrow=int(ceil((((y/tilesize))/3+1)))
					squ=int((ceil((xrow-1)/3)+(3*ceil((yrow-1)/3))+1))
					tileid=int(xrow+((yrow-1)*9))
					spawnlocn=fivelocn[(tileid-1)]
					tile.init(k*3+(i+1),xrow,yrow,tileid,squ,tilesize,spawnlocn)
					tile.rect_min_size=Vector2(tilesize,tilesize)
					tile.set_global_position(Vector2(x,y))
					add_child(tile)
					x+=tilesize

			x=0
			y+=tilesize

As you can see they are

There are more buttons on this control grid as well. There are 9*9 of the minigrids and I want to set the centre( of a very regular grid layout)'s location as a Vector2D value on itself and its surrounding eight buttons. What is the simplest way to do that?

TwistedTwigleg

If the nodes are Control-based, then you can use something like this to set the center position of node:

func set_control_center(control_node, center_point):
	control_node.rect_global_position = center_point - (control_node.rect_size * 0.5)

The reason you need to subtract half the rectangle size is because the position for Control nodes are in the upper left corner, so the offset needs to be added manually.

Then once you have the function above defined, you can set the position using something like:

# for example
set_control_center($Control, Vector2(300, 300))

cloa513

@TwistedTwigleg said: If the nodes are Control-based, then you can use something like this to set the center position of node:
func set_control_center(control_node, center_point):
	control_node.rect_global_position = center_point - (control_node.rect_size * 0.5)
The reason you need to subtract half the rectangle size is because the position for Control nodes are in the upper left corner, so the offset needs to be added manually.

Then once you have the function above defined, you can set the position using something like:
# for example
set_control_center($Control, Vector2(300, 300))

How does it give the centre's location to all surrounding buttons? I did this which isn't very good because it has fixed coordinates (which I gathered from the creation of the center button) but works.

const spawnarray:Array=[[25, 25], [100, 25], [175, 25], [250, 25], [325, 25], [400, 25], [475, 25], [550, 25], [625, 25], [25, 100], [100, 100], [175, 100], [250, 100], [325, 100], [400, 100], [475, 100], [550, 100], [625, 100], [25, 175], [100, 175], [175, 175], [250, 175], [325, 175], [400, 175], [475, 175], [550, 175], [625, 175], [25, 250], [100, 250], [175, 250], [250, 250], [325, 250], [400, 250], [475, 250], [550, 250], [625, 250], [25, 325], [100, 325], [175, 325], [250, 325], [325, 325], [400, 325], [475, 325], [550, 325], [625, 325], [25, 400], [100, 400], [175, 400], [250, 400], [325, 400], [400, 400], [475, 400], [550, 400], [625, 400], [25, 475], [100, 475], [175, 475], [250, 475], [325, 475], [400, 475], [475, 475], [550, 475], [625, 475], [25, 550], [100, 550], [175, 550], [250, 550], [325, 550], [400, 550], [475, 550], [550, 550], [625, 550], [25, 625], [100, 625], [175, 625], [250, 625], [325, 625], [400, 625], [475, 625], [550, 625], [625, 625]]
var sa:Array
var sax:float
var say:float
var spawnlocn:Vector2

func init(num,_x,_y,_tileid,_squ,_tilesize):
	sa=spawnarray[_tileid]
	sax=float(sa[0])
	say=float(sa[1])
	spawnlocn=Vector2 (sax,say)

TwistedTwigleg

My bad, I though you were just looking to get the center of a Control-based node, not the center of a group of nodes.

To get the center of a group of nodes, you’ll need to iterate over all of them and add their positions into a variable. Then, after iterating over all of them, you can divide the value by he size of the group, which should give you the center position of the group. I’m currently away from my PC, but I can add some example code later if it would help.

Looking at the code you showed, I’m not totally sure I understand. Are the positions in the array the offset needed for each button to get to the center point? If so, you can use to_local to convert a global position (like the center point) to a position relative to the node.

cloa513

The location array as shown was offset by the tilesize but that was easy to fix. The need is actually to have a location to create a new big button (I am not sure about ensuring the mouse clicks on this tile don't pass through) to cover all of the mingrid area . As they are at the moment, the whole thing is a regular grid but further version might not be so regular.

TwistedTwigleg

Ah okay, I think I understand. You need to make a big button whose size is the size of all the buttons combined and their sizes, correct?

If so, it can be a little tricky, but I think you just need to figure out the top-left and bottom-right corners, and then you can calculate the size and position from these two points. The code below should do this, though I haven't tested it:

# I'll assume all the buttons are in an array called grid_buttons
# in this code.

func make_big_button():
	# the top left corner will be the lowest value on the X and Y
	var top_left = Vector2(99999, 999999)
	# the bottom right corner will be the highest value on the X and Y
	var bottom_right = Vector2(-99999, -99999)
	# a temporary variable we'll use to store the bottom right corner of a node
	var button_bottom_right_tmp = Vector2()
	
	# loop through the buttons to find the corner positions
	for button in grid_buttons:
		# is this button's X or Y coordinates further towards the top left?
		# if so, cache the position
		if (button.rect_global_position.x < top_left.x):
			top_left.x = button.rect_global_position.x
		if (button.rect_global_position.y < top_left.y):
			top_left.y = button_rect.global_position.y
		
		# is this button's X or Y coordinates further towards the bottom right?
		# if so, cache the position
		# First, calculate the bottom right corner of the button
		button_bottom_right_tmp = button.rect_global_position + button.rect_size
		if (button_bottom_right_tmp > bottom_right.x):
			bottom_right.x = button_bottom_right_tmp.x
		if (button_bottom_right_tmp > bottom_right.y):
			bottom_right.y =button_bottom_right_tmp.y
	
	# now we have the top left and bottom right, so we can make the button
	var new_button = Button.new()
	add_child(new_button)
	# resize the button
	new_button.rect_size = (bottom_right - top_left)
	# position the button
	new_button.rect_global_position = top_left + (new_button.rect_size * 0.5)

I think that will work for making a button that is as large as a grid of any size and regardless of whether it's uniform. You can probably have the code check if the button's coordinates are further towards the top-left or bottom-right on both the X and Y in a single condition instead of using two, and I'm sure there are some other small optimizations that can be made, but I think it should work with making a Button with the size of the grid that is centered over the grid dynamically.

cloa513

Thanks for your incredible effort but I am thinking for later versions of the game I will make the big button (and hide it) and attach the little buttons to the control node within the big button`s area.