I want to instance some dice scenes I've made into an hbox container and have them align as expected

v33to

For some reason they all just pile onto one another.

Here is the code that loads the scene and then spawns them in.

extends Node

onready var dice = preload("res://dicePane-test.tscn")

func _ready():
	$DiceRow.add_child(dice.instance())
	$DiceRow.add_child(dice.instance())
	$DiceRow.add_child(dice.instance())
	$DiceRow.add_child(dice.instance())
	$DiceRow.add_child(dice.instance())

Here are some screen shots of it all layed out and how it looks.

Also, is there a way to see while the game is running what the Node/Scene tree looks like? It'd be cool while adding things to the tree to be able to see those updates in real time.

Thanks in advance!

TwistedTwigleg

@v33to said: Also, is there a way to see while the game is running what the Node/Scene tree looks like? It'd be cool while adding things to the tree to be able to see those updates in real time.

If you run the game and go to the scene tree, when the game is running there should be a little tab on the top that has two buttons, "local" and "remote". If you click the "remote" button, it will show you the scene tree that is currently running :smile:

v33to

@TwistedTwigleg said:

@v33to said: Also, is there a way to see while the game is running what the Node/Scene tree looks like? It'd be cool while adding things to the tree to be able to see those updates in real time.

If you run the game and go to the scene tree, when the game is running there should be a little tab on the top that has two buttons, "local" and "remote". If you click the "remote" button, it will show you the scene tree that is currently running :smile:

Excellent! I knew it was somewhere in the editor! I kept checking the debug panel at the bottom.

Cheers.

dotted

MY first guess is that their flags are not set to expand/fill etc. These are options you usually set in the editor when hand building a UI there.

My suggestion would be to make a scratch scene with your container and fill them with your dice fiddling with the flags until they layout right. As all of them will take the same set of flags, save one out as a basis for your dice scene.

The container might also have issues.

v33to

@dotted said: MY first guess is that their flags are not set to expand/fill etc. These are options you usually set in the editor when hand building a UI there.

My suggestion would be to make a scratch scene with your container and fill them with your dice fiddling with the flags until they layout right. As all of them will take the same set of flags, save one out as a basis for your dice scene.

The container might also have issues.

In my dice.tscn the main node is a Control node, it is a parent to a sprite node and some labels. I found when I set it's min-size to 100x100 it worked as expected. I keep trying to look at this the same way I would use CSS and have found them to be very different lol.

Thanks for your help.

dotted

I agree, its concepts are different. Documentation needs expansion more than anything else.