Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Quick Links
Categories
- 7.8K All Categories
- 11 Help with translations
- 4.2K General questions
- 107 Roadmap
- 358 Game & application design
- 316 Plugins
- 70 User experience
- 75 Marketplace
- 291 Code snippets
- 34 Building a team?
- 269 Suggestions & requests
- 352 Announce your apps made with Gideros.
- 90 Step by step tutorials
- 668 Bugs and issues
- 195 Introduce yourself
- 239 Announcements
- 106 Forum talk
- 404 Relax cafe
How can I set and use the anchor point of an empty sprite (used to hold a group)?
rpallen
Member
I can’t figure out how set the anchor point of an empty sprite used to group elements together. Here’s the code I’m trying to get to work (and understand why it does what it does).
local bgGroup = Sprite.new()
--create a group to hold background elements
bgGroup:setAnchorPoint( 0.5 , 0.5 )
--set anchorPoint to middle of group
print("Group anchor ", bgGroup:get("anchorX"),bgGroup:get("anchorY") )
--print statement to tell me the coordinates of the anchor of the group
--I now realize these coordinates won’t exist yet since the group is empty at this point
bgGroup:setPosition( conf.width / 2 , conf.height / 2 )
--I expected this line to put the anchor point of the group in the middle of the
--screen (conf.width and conf.height are defined in a config file.
print("Group position ",bgGroup:get("x"),bgGroup:get("y"))
--print statement to tell me coordinates of the group (I assumed the coordinates
--of the mid point of the group
self:addChildAt(bgGroup, 1)
--add this group to the stage
local bg = Bitmap.new(Texture.new("images/greenBackground.png", true))
--create sprite containing the background image (for this testing I used an image
--smaller than the screen size to better see its position)
bg:setAnchorPoint( 0.5 , 0.5 )
--set anchorPoint to the middle of the image.
print("BackgroundSprite anchor ", bg:get("anchorX"),bg:get("anchorY"))
--print statement to tell me the coordinates of the anchorPoint
bg:setPosition( 0 , 0 )
--I expected this to set the position of the midpoint of this sprite to the position of the anchor
--point (midpoint) of the group.
print("BackgroundSprite position ",bg:get("x"),bg:get("y"))
--print statement to tell me the coordinates of this sprite (which I assumed would be the
--coordinates of the midpoint of the image.
bg:setAlpha( 0.3 )
--make the background semi-transparent. This is to make it lighter, not so anything below
--it can be seen (since there’s nothing below it)
bgGroup:addChildAt(bg, 1)
added this background image as a child of the bgGroup
THIS CODE RETURNS A BLANK SCREEN. I could see there’s a problem with the group anchor position so I moved the line:
bgGroup:setAnchorPoint( 0.5 , 0.5 )
to the end of the code (after the bg sprite block).
This gave the result you can see in the screenshot. Basically, the middle of the image is located at 0,0 (the top left corner of the screen).
In the screenshot, you can also see the output of my print statements in the bottom left corner. The output of each time I ran the code is separated by the statement STARTING SPLASH SCENE INIT.
The last block is the results after I moved bgGroup:setAnchorPoint( 0.5 , 0.5 ) to the end. The block before that is from before I moved that code.
How can I properly set and use the anchorPoint of a sprite that has no image and is used only to group elements together?
Thanks.
local bgGroup = Sprite.new()
--create a group to hold background elements
bgGroup:setAnchorPoint( 0.5 , 0.5 )
--set anchorPoint to middle of group
print("Group anchor ", bgGroup:get("anchorX"),bgGroup:get("anchorY") )
--print statement to tell me the coordinates of the anchor of the group
--I now realize these coordinates won’t exist yet since the group is empty at this point
bgGroup:setPosition( conf.width / 2 , conf.height / 2 )
--I expected this line to put the anchor point of the group in the middle of the
--screen (conf.width and conf.height are defined in a config file.
print("Group position ",bgGroup:get("x"),bgGroup:get("y"))
--print statement to tell me coordinates of the group (I assumed the coordinates
--of the mid point of the group
self:addChildAt(bgGroup, 1)
--add this group to the stage
local bg = Bitmap.new(Texture.new("images/greenBackground.png", true))
--create sprite containing the background image (for this testing I used an image
--smaller than the screen size to better see its position)
bg:setAnchorPoint( 0.5 , 0.5 )
--set anchorPoint to the middle of the image.
print("BackgroundSprite anchor ", bg:get("anchorX"),bg:get("anchorY"))
--print statement to tell me the coordinates of the anchorPoint
bg:setPosition( 0 , 0 )
--I expected this to set the position of the midpoint of this sprite to the position of the anchor
--point (midpoint) of the group.
print("BackgroundSprite position ",bg:get("x"),bg:get("y"))
--print statement to tell me the coordinates of this sprite (which I assumed would be the
--coordinates of the midpoint of the image.
bg:setAlpha( 0.3 )
--make the background semi-transparent. This is to make it lighter, not so anything below
--it can be seen (since there’s nothing below it)
bgGroup:addChildAt(bg, 1)
added this background image as a child of the bgGroup
THIS CODE RETURNS A BLANK SCREEN. I could see there’s a problem with the group anchor position so I moved the line:
bgGroup:setAnchorPoint( 0.5 , 0.5 )
to the end of the code (after the bg sprite block).
This gave the result you can see in the screenshot. Basically, the middle of the image is located at 0,0 (the top left corner of the screen).
In the screenshot, you can also see the output of my print statements in the bottom left corner. The output of each time I ran the code is separated by the statement STARTING SPLASH SCENE INIT.
The last block is the results after I moved bgGroup:setAnchorPoint( 0.5 , 0.5 ) to the end. The block before that is from before I moved that code.
How can I properly set and use the anchorPoint of a sprite that has no image and is used only to group elements together?
Thanks.
anchoring.PNG
1335 x 712 - 76K
Comments
https://play.google.com/store/apps/developer?id=razorback456
мій блог по гідерос https://simartinfo.blogspot.com
Слава Україні!
I can't believe I spent hours and hours trying to figure this out and it is this easy.
One change I did was that I put the definition for the variables centerX and CenterX in my configuration file so they're available to be used in all of the scenes.
The line "minx,miny,maxx,maxy=application:getLogicalBounds()" generated an error. In trying to figure out why, I discovered this function was only recently added (version 2017.11.3). I'm using version 2017.10, so I guess it's time to upgrade.
Thanks again.
Likes: antix