onScreenWidthChange function

[hersh]

I noticed an empty function called onScreenWidthChange() in gameui. Can we use it or is reserved for other reasons? I can't find any documentation regarding it.

It appears better to use than onresize since it triggers when the playing area size changes even though the window has not. For example switching between log_mode = normal to 2cols

thanks

[Een]

Well, then it's something missing in the documentation
You can use it, it's meant to be the way to react to a resizing of the game area.

[Brainchild]

This is a nice callback. I have a couple of questions:

1. Is it safe to assume this will always be called before setup()?
2. Is it possible to add the width as a callback parameter?

If not, what is the recommended way to get the width? I am using

Code: Select all

let topbarCoords = dojo.position("topbar");

as I've seen you mention this technique in another thread.

[tchobello]

Code: Select all

let topbarCoords = dojo.position("topbar");

you can get width with topbarCoords.w

for instance, Dungeon Twister board adapts its size to window's width.

[Brainchild]

you can get width with topbarCoords.w

for instance, Dungeon Twister board adapts its size to window's width.

I know, I'm wondering if this is the best way, and ideally if onScreenWidthChange can include the width value in the callback.

e.g. onScreenWidthChange(newWidth)

[JumpMaybe]

The problem with using the topbar's width is there are 1 or 2 columns of player info + logs on the right (in desktop mode anyway) whose width you would have to subtract.

If you use

Code: Select all

dojo.position('page-title')

you get the actual width of the playing area. I'm using it since last week, so there might still be some trickyness with it I haven't run into.

[Brainchild]

The problem with using the topbar's width is there are 1 or 2 columns of player info + logs on the right (in desktop mode anyway) whose width you would have to subtract.

If you use

Code: Select all

dojo.position('page-title')

you get the actual width of the playing area. I'm using it since last week, so there might still be some trickyness with it I haven't run into.

I switched to page-title but I'm unfortunately getting the same width value regardless of whether the player has "game log in second column" enabled. I'm pretty sure it's because that option hasn't been applied yet at the moment I check the width of page-title (in setup()).

It would be nice to have a BGA Studio official way of getting the width of the play area, accounting for any player layout options.

[Tisaac]

What about

Code: Select all

dojo.position('game_play_area')

?

[Brainchild]

What about

Code: Select all

dojo.position('game_play_area')

?

I tried that but it doesn't exist yet in setup().

[Tisaac]

Then just use a conditional and call the function again in the onScreenWidthChange :

Code: Select all

updateSize: function(){
if($('game_play_area')){
  var w = dojo.position('game_play_area')['w'];
  ...
},


onScreenWidthChange: function(){
 this.updateSize();
 }