Games have graphics problems in mobile firefox

the games made in qici have graphical problems (flickering) in firefox mobile.
Has invited:

DonFrag

Favor from:

when i run it with firefox mobile and check request desktop version the problem dissapear. (but obviously is not the solution)
 

QC-Cindy

Favor from:

Hello, can you please tell more detail about the problems, or it will be better if you can send us a screenshot or vedio, then we can solve the problem better 

DonFrag

Favor from:

 
imgur.com/a/XBfV5 
 
it could be that in a script i put this code in  awake()
 
 this.game.phaser.scale.setGameSize(700,1100);
?
i don't have a way of debug in mobile so i don't know if the console is throwing something.
 
i had to put this code because otherwise the game starts on the left side,ignoring the scale adapter setting.
 

DonFrag

Favor from:

 
QUestion apart:
i had to put this code

this.game.phaser.scale.setGameSize(700,1100);
 
 because otherwise the game starts on the left side,ignoring the scale adapter setting.
in phaser i code
on start (using nodejs)
var firstHeight = 700;
var firstWidth = 1100;

game = new Phaser.Game(firstWidth, firstHeight, Phaser.AUTO, '');

//GlobalObjects
game.globalVars;
game.userData;
game.lang;

game.state.add('Boot', require('./js/sourcecode/Boot.js'));
game.state.start('Boot');
and then in boot
Boot = function(){
//here goes instance references
};

Boot.prototype = {
//here goes
preload: function(){

},
create: function() {

this.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;
this.scale.refresh();
this.scale.minWidth = (1100/2);
this.scale.minHeight = (700/2);

//have the game centered horizontally
this.scale.pageAlignHorizontally = true;
this.scale.pageAlignVertically = true;
//this.scale.setScreenSize(true);
},
update: function(){

}
}

module.exports = Boot;
with this in pure phaser i got the centered game at scale like in the browser picture.
i tried to use the scale adapter like in your tutorials but i couldn't get it centered.
always rendered at the left side and the custom loading bin full screeen stretched.
thank you


 

eric

Favor from:

You should not call Phaser's API directly, just use QICI's API. 
In QICI we make the game size fill the whole screen, normally using Rect Transform for layout (http://docs.qiciengine.com/manual/UI/BasicLayout.html)
 
In next version, we will provide defining fixed game size function in Project Settings

DonFrag

Favor from:

 in phones it is ok but iwhat is the way i could get in desktop it goes to the left.
so there is no way to center it until next release?
 
 

DonFrag

Favor from:

Ok i removed that code but the problem persist
 

DonFrag

Favor from:

i will send it to you again. i am sorry 

DonFrag

Favor from:

I sent to weism the project with the problem.
Did you Receive it?
 

eric

Favor from:

@DonFrag, we just add the function to fix game size, may be you can try the new version that we will release in the week to solve your problem. 
game.phaser.scale.setGameSize(400, 300);

scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;
scale.pageAlignHorizontally = true;
scale.pageAlignVertically = true;
In next version, you can do the job as above by setting the width and height in Project/Settings

Screen_Shot_2016-01-26_at_4.53_.51_PM_.png

 

DonFrag

Favor from:

Thank you i will be waiting for this version.
I hope could fix the Firefox Mobile Problem.

eric

Favor from:

Next version will add setting fixed game size function, but doing nothing special for firefox mobile. Seldom people use firefox mobile, normally we test QICI on Chrome or Safari browser, why do you need to run on FireFox, what's your device environment and FireFox version?

eric

Favor from:

Try the latest 1.0.7, you can set the fixed game size in Project Settings
http://github.com/qiciengine/q ... es.md 
http://docs.qiciengine.com/man ... .html

To reply to a question, please Login or registered