iPhone X cocos2dx-3.16

sayem_musk · May 3, 2018, 8:46am

I am using cocos2dx-3.16. When i am running in iPhone X there are black screen in both size Like this pic. I need full screen support for iPhone X

i am stuck hear please help me

bilalmirza · May 3, 2018, 9:20am

Make sure your loading screen has the correct resolution.
Secondly you need to insert the launch image of correct size for iphone X

sayem_musk · May 3, 2018, 10:17am

Dear bilalmirza,

i used 2436px × 1125px for landscape but it does not solve my problem.

slackmoehrle · May 3, 2018, 11:32am

What does your AppDelegate say?

What is in your info.plist?

Are you using storyboards?

What launch images do you have specified?

energyy · May 3, 2018, 1:45pm

You need in xcode flags full screen mode , xcode 9.0+ with iphone x support and iphone X loading image to have it in full screen.

trungnt85 · May 8, 2018, 9:19am

How can I setup above configs? in my Info.plist file UIRequiresFullScreen already set to YES but there are still black gaps on two sides

slackmoehrle · May 8, 2018, 1:37pm

Are you using Storyboards or static launch images?

trungnt85 · May 9, 2018, 2:35am

I use Storyboard

sayem_musk · May 13, 2018, 9:15am

[Solved] Use Asset Catalog for Launch Image Source and place image with size like the link

https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/launch-screen/

trungnt85 · May 15, 2018, 9:26am

I use Launch Image but still cannot archive safe area

drelaptop · May 16, 2018, 1:48am

those PRs will help you

trungnt85 · May 16, 2018, 2:02am

I tried Storyboard for launch screen but still cannot stretch scene to cover whole Safe area. there are still blank area on both sides. Regarding API to get SafeArea, how should I use it?

drelaptop · May 16, 2018, 2:30am

dumganhar add a simple test case at the getting SafeArea PR, here

github.com

cocos2d/cocos2d-x/blob/b940d7dcdb2fe350e2a6033e03dbcb5bf662a697/tests/cpp-empty-test/Classes/HelloWorldScene.cpp#L94


// position the sprite on the center of the screen
sprite->setPosition(Vec2(visibleSize / 2) + origin);


// add the sprite as a child to this layer
this->addChild(sprite);


auto drawNode = DrawNode::create();
drawNode->setPosition(Vec2(0, 0));
addChild(drawNode);


Rect safeArea = Director::getInstance()->getSafeAreaRect();
drawNode->drawRect(safeArea.origin, safeArea.origin + safeArea.size, Color4F::BLUE);


return true;
}


void HelloWorld::menuCloseCallback(Ref* sender)
{
Director::getInstance()->end();


#if (CC_TARGET_PLATFORM == CC_PLATFORM_IOS)

trungnt85 · May 16, 2018, 4:15am

Oh sorry, I use javascript with Cocos Creator, really dont know where I can apply it cause scenes built by IDE UI

ota · May 16, 2018, 4:18am

@trungnt85 I don’t know which version of Cocos you are using but I have implemented getSafeAreaRect into Cocos Creator.

ota · May 16, 2018, 4:22am

This is my code:

 if (cc.sys.os == cc.sys.OS_IOS) {

            var safeArea = cc.director.getSafeAreaRect();

 }

I use the safeArea var to adjust the sizes of the nodes…

trungnt85 · May 16, 2018, 7:16am

I tried to as below

if (cc.sys.os == cc.sys.OS_IOS) {
const safeArea = cc.director.getSafeAreaRect();
cc.view.setDesignResolutionSize(safeArea.width, safeArea.height, cc.ResolutionPolicy.EXACT_FIT);
}
but the game scene exceed the safe area

ota · May 16, 2018, 3:25pm

When I develop my projects, I add my nodes as children of a main node when possible. I then use cc.director.getVisibleSize().width and cc.director.getVisibleSize().height to get the screen width and height and then use cc.director.getSafeAreaRect() to adjust those values. I then adjust the scale of the main node to match those sizes and then align my main node so that it gets placed where I want on the screen.

I add my nodes as children to avoid scaling all children individually. I just adjust the main node scale and it adjust all children automatically to avoid future complications because both Apple and Google can change screen size requirements at any time… I try to calculate things on my own because I know best how I want my scenes to fit and look.