美文网首页Cocos我爱编程
cocos creator中适配iPhone X

cocos creator中适配iPhone X

作者: 工匠良辰 | 来源:发表于2018-04-13 14:19 被阅读465次

keyword:良辰乐cocos creator中适配iphonex

在引擎根目录中打开boot.js
C:\CocosCreator\resources\static\preview-templates\boot.js
打开该文件, 添加相应分辨率大小.

    // init device resolutions
    var devices = [
        { name: 'IPhone X', width: 375, height: 812, ratio: 3 },
    ];

或者横屏的:
{ name: 'IPhone X', width: 812, height: 375, ratio: 3 },

这样在引擎中可以适配iPhone x的大小了
打开预览可以发现在左上角多了IPhone X 预览的分辨率项.

Mac里的地址
/Applications/CocosCreator.app/Contents/Resources/static/preview-templates/boot.js

相关文章

网友评论

  • 工匠良辰:打开Creator引擎的安装目录 :
    /Applications/CocosCreator.app/Contents/Resources/engine/bin/cocos2d-js-for-preview.js

    打开该文件, 找到 setResolutionPolicy方法, 并添加以下代码.
    setResolutionPolicy: function(resolutionPolicy) {
    //当前屏幕尺寸 > 设计分辨率的时候, 将按宽适配修改为按高适配
    var isFullScreen = cc.view._frameSize.width / cc.view._frameSize > 1136/640;
    resolutionPolicy = isFullScreen ? cc.ResolutionPolicy.FIXED_HEIGHT : cc.ResolutionPolicy.FIXED_WIDTH;
    },
    程序员小张:这么做会导致ipad上出问题

本文标题:cocos creator中适配iPhone X

本文链接:https://www.haomeiwen.com/subject/hlmckftx.html