Jump to content

Scaling Modes (CocoonJS and Browser)


Ninjadoodle
 Share

Recommended Posts

After playing with the CocoonJS scaling methods, I have a couple of questions ...

 

1. Would there be any way for allowing these scaling modes for the browser and not just CocoonJS?

 

2. Could we please have a mode similar to 'ScaleAspectFit' but without the letterbox effect?

 

Something like 'resizeToFill' for both mobile and desktop browsers as well as CocoonJS.

 

I think Panda.js is a BRILLIANT engine and I've started using it for my next game. I've learned more in the last couple of days, then with 99% of other engines I've tried!

 

I would REALLY appreciate any feedback on this :)

 

Thank you heaps in advance!

 

PS. resizeToFill on Android Chrome doesn't centre but shows extra space to only the left side.

Link to comment
Share on other sites

Ok, I managed to figure out why my content was not centring in the browser when using resizeToFill.

 

I am placing my objects on specific co-ordinates instead of using %.

 

I managed to find a solution to this ...

 

If I place all my content inside a container, I can then centre the container on the device.

 

Now it works without a hitch :)

 

All thats left now, is a scaling mode like ResizeToFill for CocoonJS, to get rid of the letterbox bars.

 

Do you think this might be implemented in the future?

 

Thanks in advance!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...