How do I fit game width to parent div instead of window

Post reply

❤Follow Topic(2)

0 favourites

From the Asset Store

$10 USD

Welcome to Fit The Box, a fun and addictive physics-based puzzle game.

umagan

- ticklishoctopus
- - Joined 27 Mar, 2017
  - 10 topics • 40 posts
- 1
- 13 Mar, 2018
- Quote
As the title said, I want to fit the game canvas inside a div (on an HTML page) and have the game scale to the size of the div. Instead, it is naturally scaling the browser width, no matter the HTML/CSS voodoo I use on it.

Maybe I'm looking in the wrong place? I am unsure. Help?
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- ticklishoctopus
- - Joined 27 Mar, 2017
  - 10 topics • 40 posts
- 1
- 14 Mar, 2018
- Quote
Still hoping for an answer on this one, if anyone has one.
- dop2000
- - Joined 26 May, 2016
  - 138 topics • 12,425 posts
- 1
- 15 Mar, 2018
- Quote
Try Browser.WindowInnerHeight and Browser.WindowInnerWidth expressions.

If they give you the correct div dimensions, set canvas size to these numbers.

Also, have you tried iFrame instead of the div?
- ticklishoctopus
- - Joined 27 Mar, 2017
  - 10 topics • 40 posts
- 1
- 15 Mar, 2018
- Quote
Try Browser.WindowInnerHeight and Browser.WindowInnerWidth expressions.

If they give you the correct div dimensions, set canvas size to these numbers.

Also, have you tried iFrame instead of the div?

I guess I'll have to mess with those numbers and see. I was hoping to avoid an iFrame, but it's not the end of the world if I end up having to go that route. Thanks for your input.