Background not showing and actor starting position not centered (SOLVED)

Questions
#1

Hi all, I am new to Defold and have been practicing with the default demo which has the logo.

I created a separate collection for background so the movement script does not also move the background.

image
image.png1637×638 41.1 KB

When I run the game

  • first the background does not show

  • second the logo starts at the bottom left edge even though I placed it in middle

image
image.jpg660×966 29.3 KB

How can I fix these 2 things.

function init(self)
	msg.post(".", "acquire_input_focus")

	self.position = go.get_position()
	self.target_position = go.get_position()
end

function update(self, dt)
	self.position = vmath.lerp(0.2, self.position, self.target_position)
	go.set_position(self.position)
end

function on_input(self, action_id, action)
	if action_id == hash("click") and action.pressed then
		self.target_position.x = action.x
		self.target_position.y = action.y		
	end
end

Thanks

#2

Do you have any rotation on any of the game objects? What are their Z values?

#3

It loks like the logo is at position 0,0 (where the green and red axis meet). That is the lower left corner in runtime. The background is probably on a Z value outside of the -1 to 1 range.

#4

Thanks for reply

Background is on -1 Z value while logo is 0 Z value

#5

Ok, check the position of the sprite in the game object too. If the game object is at Z -1 and the sprite at Z -1 then the final position will be Z -2.

3 Likes
#6

Both game object and sprite are at Z 0. Maybe am not getting something right. See current config for all objects and the final result:

background object / sprite property both have X 0, Y 0, Z 0 axis

image
image.png1061×679 51.9 KB

Logo object and sprite property both have X 0, Y 0, Z 0 axis

image
image.png1096×646 29.1 KB

But see result when I run game, both background and sprite are appearing from bottom left

image
image.jpg648×993 32.1 KB

#7

Yes, that is expected. X position 0 is at left edge of screen and Y position 0 is at bottom edge of the screen. If you want it centered you need to set the positions to half the screen width and height. If you are using the mobile template, it is preset to screen size 640x1136.

1 Like
#8

Yes I am using mobile template. Why is it that when I move the logo to center of screen, the ordinates is showing X 0, Y 0?

To make the logo appear in center of screen, do i need to write that in code?

#9

You are probably getting confused by the background sprite. It is just another sprite. It does not define where the screen starts and ends. Check this annotated image:

22
Screen Shot 2018-06-22 at 10.08.22.png2188×1286 265 KB

3 Likes
#10

Hmmm, I think I have along way to go. Thanks that answers all my questions :frowning:

1 Like
#11

No, just put the background game object at X 320 and Y 568. Then put the logo game object at the same coordinates.

2 Likes
#12

Yes that’s what I finally did and all looking OK. Thanks for your help.

2 Likes