Layer scaling without parallax

0 favourites
  • 5 posts
From the Asset Store
In this template the music plays without looping in your game
  • I'm trying to setup a HUD to scale with the window, yet stay in place while camera navigates the layout.

    Currently I have my HUD in a separate layer with scale rate set to 100 and parallax set to (0,0).

    This doesn't seem to work as I thought it would. As I resize the window the HUD changes position. I've also tried using the anchor behaviour without much success.

    Any help would be greatly appreciated. Thanks.

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • Hello Keska

    If you set your HUD layer scale rate to 0, and use the anchor object it should stay in place while the camera navigates the layout. As far as scaling the sizes of everything on your HUD I haven't figured out a way to do that other than manually resizing the HUD items. But if anyone knows how please let us know.

    Also I would like to add on to your question since I was about to make a similar post.

    I was wondering if it is possible to get a non scrolling game to fill, and scale every browser sized window completely without boarder lines on the sides or top, and bottom like the games you see on the Chrome web store?

    What I mean is in full screen mode it seems to work but only after hitting the F11 button, and that is only if you get the screen size close to your own but in the browser window it self the ratio always seems to be off leaving boarders usually on the sides.

    Maybe I'm just going about it all wrong again but Iv been trying to figure it out for days now. <img src="smileys/smiley5.gif" border="0" align="middle" />

  • Wink: I'm not sure but have you checked the tutorial about multiple fullscreen sizes ?

    It seems to me you may find your answer in it.

  • Kyatric Thank you for your response. Yes I have been going over that tutorial IDK maybe I'm missing something.

    Here is what I am trying to achieve, in the picture below is a board type puzzle game on the Chrome web store. There is no scrolling in the game and it sizes to fit the browser window without borders.

    <img src="http://i39.tinypic.com/2uqep1h.jpg" border="0" />

    But I keep getting borders on the sides when in the browser window. They disappear when I press the F11 key.

    <img src="http://i41.tinypic.com/21eyeqp.jpg" border="0" />

    Is there a special technique to get this effect, or does the Chrome web stores canvas just auto adjust this for you? This would be more visually appealing for non scrolling puzzle, and board type games. I might just be doing something wrong, I will go read the tutorial again.

  • I have figured out how to get around this problem ... kind of... make the background image bigger than what you will show. That way instead of seeing white you will see the extra edge of the image. I hope that makes sense

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)