美文网首页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