Center The Frame To The Application Window?

Is there a way to center the frame to the application window?

I have a portrait game where a character constantly moves from left to right on the screen. I want to support all device resolutions and I have been reading this: http://community.clickteam.com/threads/74189-Scaling-for-iPhone-5-and-iPad-HOW-TO-DO-IT-RIGHT.

I've gone with method 2 and put my applications window width at 640 and height at 960. My frame width is 768 and height at 1136.

Here is an image:

Attachment 20558

The orange borders are to stop my character from going off screen but I realized on smaller screen devices the character will go off screen.

Right now I am editing my objects in my frame so every object is in the center but the frames position appears to be 0, 0 which will make things worse if I center everything in my frame. I was wondering can the frame's position be changed so I can center it perfectly within my application window so I can then arrange all my objects to be in the center of my frame?

This will solve the problem of objects appearing off screen on smaller devices. I was also wondering is there a way I can change (on the fly) my object's positions depending on the devices screen size? If so I could for bigger device screens change the position of my objects to appear a little more towards the boundary of the screen.

Just a small edit. I realized after writing this that it is actually the applications window I need to change the position of inside my frames. Can this be done?

I have tried a few methods now to get this working but nothing seems to work.

I have a 'Start at Frame' condition and I've used the Storyboard options to center the window horizontally and vertically in the expression editor using Frame Width / 2, Frame Height / 2. This also doesn't seem to move the window within the frame.

Really scratching my head on this as I have no clue why it isn't working, it should be. Don't know if this is a bug with Fusion 2.5 or if I am doing some thing wrong :(

This problem prevents me from going any further on my project as I really need to get my object placement right before doing anything else otherwise it will be a real task to change or move anything later on.

Still can't figure this out, I am still getting the same problem.

I don't know whether it's my expectations but I am expecting the actual window to move inside the frame, is this the case? Because when I run my app the window doesn't move at all even when trying various other things to try and move the window within the frame.

An answer on this would be great :D

Uploading an example mfa will help a lot to fix the problem.

When I get home I will upload a link to the .MFA file so others can take a look. I don't know if I am going wrong somewhere (probably am) but the events I've used should work.

Hi Guys,

Here is my .MFA file if anyone wants to take a look at it. I would really appreciate it if the artwork is kept safe and not distributed or used for any personal projects.

https://www.dropbox.com/sh/606ucofdw...jbzeTm2ya?dl=0

As I mentioned in my previous posts. You should see the code for centering the window within the frame in the first condition, but when you play the project nothing actually happens and the window isn't centered within the frame, it remains in the same place.

Rather than someone fixing this and uploading an updated .MFA, I'd rather be told what the problem is so I can learn from it and change/fix the issue myself. If someone does help me come up with some sort of solution I will remove the shared file and folder.

Thanks!

well the error seems that you are using framewidth in your case you should use screenWidth and screenHeight(not use it really) from android object

here a small modification for your mfa

https://drive.google.com/file/d/0B8W...ew?usp=sharing

notice that I don't center I just move the right border to limit the movement. and fix the left limit to be always at zero.

hope is what you need.

That's great, thanks Fernando. I'll have to check this out when I am home from work later tonight

Just reporting back here. I am still having the same issue. The screen doesn't appear to change position within the frame even using the Android Object.

Here is a quick sketch of what I am expecting to happen when performing this action:

This first image is currently what the project looks like. If you look at the left side of the screen and where the orange boundary box is when playing this on a small screen device the character will appear to run off screen for a short time. So a small portion of the screen is cut off on smaller screen devices.

Attachment 20563

This second image shows what I expect to happen. The application window (marked in red) has now moved to a move central position in the frame allowing me to move my orange boundary boxes to the left and right side of the application window so that on small screen devices the character can run left to right without every going off screen and on bigger screen devices this will still look good.

Attachment 20564

I hope that clears up any confusion. The reason I want to do this is because my character runs from left to right on screen, to support multiple devices I want to make sure that even on smaller screens players can still see the character and not see him running off screen. Also this allows me to place all my other elements such as my objects spawning and my UI elements, etc.

where are these image from, android devices?

I tested here in 1200 (nexus 7), 720(Samsung note 3 neo) and 480(Samsung core duos, LG Sporty 50) and in all was ok, the concept here is different you set the left and you move the right border which is more efficient, according the screen size

if you want to center you need to get screenWidth/2 as center but this will require a lot of moves

I just want to make sure that players on smaller screen devices don't see the character going off screen and that it looks good on all devices. I don't know if there is a way to make my character run to the edges of the screen based on the users device, that would be even better.

The images in my last post was just demonstrating what I am trying to do, this may not be the best way to do it though, I'm still learning :D

All I want really is to make sure that my objects and my UI elements look correct on all screens and not have any issues with smaller screen devices.

I've been reading up on what the best methods are for starting a project and having the correct application window size and frame size, there doesn't seem to be a solid answer on this though. From what I can gather most people are saying just pick a 16:9 resolution for you application window size and your frame size can vary but this doesn't seem to work for me.

My application window size is a 16:9 resolution and my frame size is bigger than that. I'm confused as to what sizes I should have my project to work on multiple devices.

the smallest size now is 480 and is not going out here, in all screen sizes, the green box is the limiter when hit the borders, invert the speed.

Hey Fernando I just tested this on my device and it works perfectly (Samsung Galaxy S7 Edge). I just got round to looking at your changes properly and noticed you added some extra code to my boundary boxes (2 orange actives). Just wondering what does this mean "ScreenWidth( "Android object" ) + OWidth( "Borders 2" ) / 2". I've never seen OWidth before.

Also wondering what 'Group.Good' is, there is a picture of an apple in the events, I've never seen that before.

I just learnt about Qualifiers and what they do and wow I can see the use in them. Thanks again Fernando for your help, I have choosen 720 x 1280 as my Frame size and 640 x 960 as my Window size, I've made some edit's to my background and moved my object's around and with that code you shared with me for taking the screen size and object width for the borders it works great on my Samsung Galaxy S7 Edge.

I can finally continue on with my game now. I'll be taking a closer look at the code you shared just so I understand the thought process behind it, thanks again!

By the way in my search for supporting multiple screen sizes I came across this really handy link that I've saved to my favourites, I will put it here so others can use it if needed: http://www.andersriggelsen.dk/clickteam/resolutions/

Anders is one of the project leader for Fusion3, and he maintained the iOS runtime for many years, now he is focus in fusion 3, so if you like that page you know what to expect for the next generation of Clickteam products.