I not really manage to pass all issues as the blur text label is still blur when view from mobile device browser.
But in PC browser it looks nice.
I do have a project but still need some modification to make it function properly after compiled in
--advanced mode. But i’m busy with other projects so release of that project is delay.
About positioning, i think i don’t have issue on that because i fixed the design resolution and position them with a relative size scaling factor.
i’m using this setting
cc.view.setDesignResolutionSize(2048, 1920, cc.ResolutionPolicy.FIXED_HEIGHT);
If you use different
cc.ResolutionPolicy, it will have different positioning effect.
Then in web, you have to modify the canvas width and height to your desired dimension in “index.html”
I put the gameCanvas in a
div to constrain it not expand beyond the designed size.
You may try study about html coding if you interesting on it.
<div style="width:650px; margin: 0 auto; ">
<canvas id="gameCanvas" width="650" height="900px"></canvas>