Hello, I want the canvas of the game to be displayed in fullscreen, I try everything and it does not work.
Example:
-Changing the size of the canvas dynamically
-Change the display mode with:
cc.view.resizeWithBrowserSize(true);
cc.view.setDesignResolutionSize(window.innerWidth, window.innerHeight, cc.ResolutionPolicy.EXACT_FIT);
In the best case it shifted the camera, and in the worst it changed nothing.
Can you give me a step by step method please ?
have you tried cc.screen.requestFullScreen()?
what about this
if(cc.screen['fullScreen']()){
// Exit full screen
cc.screen['exitFullScreen'](document.getElementById('idOfCanvasParent'));
} else{
cc.screen['requestFullScreen'](document.getElementById('idOfCanvasParent'), () => {
// Full screen completed
});
}Yes I tried, but it didnāt change anything
Hm, Iām using that code and it works perfect for me.
Are you correctly calling the right document element?
By default I think is āCocos2dGameContainerā.
are you calling cc.screen.requestFullScreen() on user gesture? like click events
davidbm: It may be the problem, in which file should I put it exactly?
smellypotato: I tried in the update function.
you can not call that in update. try to use it as a click event of a button
As smelly said, just put that code in the onclick event of a button.
Yes, but the probleme is that itās very pixelated.
And I want the game to be in fullscreen all the time, as for an io game.
(Example: https://zombsroyale.io/ )
Iām starting to doubt Cocos Creator about it.
What do you mean about āitās very pixelatedā? and āI want the game to be in fullscreen all the timeā?
As I said, Iām actually using the code I posted and for me itās working perfectly fine.
What do you get when you use it?
āitās very pixelatedā -> When the game goes full screen, itās just a zoom, and there are big pixels.
In addition, it prevents the smooth running of the game, I put it online to better understand: https://testshare53.000webhostapp.com/ (Web Desktop only)
āI want the game to be in fullscreen all the timeā -> I would like the game to be in full screen without user intervention, but I think it is sufficient to run the button code at the beginning.
So yes it works, but not correctly.
Hm, have you tried to build using Web Mobile instead of Web Desktop?
But what if I want a desktop web game?
Build using Web Mobile will change something?
https://docs.cocos2d-x.org/creator/manual/en/publish/publish-web.html
āThe major difference is that in Web Mobile , the image will cover the whole browser window by default, while in Web Desktop ļ¼you are allowed to designate the resolution of image, which doesnāt change when you zoom on the browser window.ā
Due to security consideration, fullscreen event must be activated by user gesture, otherwise websites can block user activity by always showing fullscreen. You can do nothing about that, but you can ask the user to change to fullscreen, then run the game if it is in full screen
davidbm:
Thank you !
But as you can see: https://testshare53.000webhostapp.com/
The camera is not centered, and the arrow does not follow the cursor, I deduce that it is related to the size of Canvas, but Iām not sure.
Yet the camera script should work:
update (dt) {
this.node.x = this.target.node.x - cc.view.getFrameSize().width/2;
this.node.y = this.target.node.y - cc.view.getFrameSize().height/2;
//Target = the arrow
}
How to fix the problem?
swellypotato:
I was talking about a full screen compared to the page, but thank you for teaching me that!
Have both nodes (camera and target) the same parent?
Also I think you should not use getframesize() instead try with cc.win.Size
I just change by cc.win.Size (I noticed that it returns the canvasā size), and it seems to work, I used the same thing for the direction of the arrow, and it works too.
By the way, both nodes donāt have the same parent.
Thank you so much ! 
Awesome!
Then keep in mind that when you get the position of a node you get the LOCAL position of that node.