精华内容
下载资源
问答
  • cocos 适配

    2018-07-25 15:45:15
    因为搞了好几次cocos creator发现每次换工作都会有适配的问题,网上也没找到一个完美的办法。自己总结了一个适配方案目前这两年好像基本没出什么问题,这里记录一下原理,有不对的或者更好的方法,欢迎大家告诉我。 ...

           因为搞了好几次cocos creator发现每次换工作都会有适配的问题,网上也没找到一个完美的办法。自己总结了一个适配方案目前这两年好像基本没出什么问题,这里记录一下原理,有不对的或者更好的方法,欢迎大家告诉我。

            我们知道cocos有三种适配方案,Fit Height,按Fit Width和showAll。如果只用一种不管怎么都不能满足所有屏幕前两种要么是有黑边要么就是不能显示全部的内容,showAll能保证全部显示但是会有黑边,这个黑边还不能用放大背景挡住所以直接就把这个抛弃了。

          然后我就想能不能用其他的两个方法实现showAll这样既能保证全部显示而且还可以显示放大的背景了。就按照showAll的思路取到实际屏幕大小和设计分辨率的比例。如果w1/w2 < h1/h2我就用Fit Height不然就Fit Width,然后背景放大,放大的比例就是这两个中大的哪一个啦。如果你用的是cocos的话可能你还需要对子控件位置做下对应比例的位移或者用的是相对位置。如果用cretor的话直接用widget控制就好。这种方式可以满足能全部显示你游戏内容而且每个组件直接的距离只会增加不会减少。最后上个代码

    展开全文
  • 百度搜索Android打开关闭虚拟导航栏 找到以下几个结果... 这里确定要使用这几行代码 View rootView=getWindow().getDecorView(); ...rootView.setSystemUiVisibility(View.SYSTEM_UI_

    百度搜索Android打开关闭虚拟导航栏

    找到以下几个结果http://www.360doc.com/content/12/0319/09/834950_195545006.shtml

    这里确定要使用这几行代码

    View rootView=getWindow().getDecorView();

    rootView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION);

    根据View里的注释找到合适的适配方案 SYSTEM_UI_LAYOUT_FLAGS

    点进去可以看到是 SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                | SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN

    意思是隐藏导航栏,并且全屏正是我们想要的效果 在Cocos2dxActivity.java的onCreate函数的第二行加上如下代码

     View rootView=getWindow().getDecorView();
     rootView.setSystemUiVisibility(View.SYSTEM_UI_LAYOUT_FLAGS);

    因为文件里用到了View要import该文件

    打包看到正是我们想要的效果

    展开全文
  • CocosCreator适配

    千次阅读 多人点赞 2019-07-15 16:05:13
    推荐阅读: ...今天给大家提供三种CocosCreator常用的三种适配方式,废话不多说,直接上代码 /************************** * * @author:shirln * @time:2019.7.15 */ cls.Ground = cc.Class({ ...

    推荐阅读:

    今天给大家提供三种CocosCreator常用的三种适配方式,废话不多说,直接上代码

    /**************************
     * 
     * @author:shirln
     * @time:2019.7.15
     */
    
    cls.Ground = cc.Class({
        extends: cc.Component,
    
        statics: {
            
            // 所有UserInfo节点列表
            pool: [],
    
            ///
            // update
    
        },
    
        properties: {
            mode: { default: 1 },
        },
    
        // LIFE-CYCLE CALLBACKS:
    
        // onLoad () {},
    
        start() {
            gm.Ground = this;
    
            // 视口大小
            var csz = cc.view.getCanvasSize();
            // 设计分辨率
            var des = new cc.Vec2(1080, 1920);
            // 进行分辨率适配
            cc.view.setDesignResolutionSize(des.x, des.y, cc.ResolutionPolicy.SHOW_ALL);
    
            // fitWidth
            var sx = csz.width / des.x;
            // fitHeight
            var sy = csz.height / des.y;
            // show_all
            var min = Math.min(sx, sy);
            // EXACT_FIT
            var max = Math.max(sx, sy);
    
            /// show_all下缩放背景
            if (this.mode == 1) {
                // 等比例黑边
                this.node.setScale(max / min, max / min);
            }
            else if (this.mode == 2) {
                // 拉伸填充
                this.node.setScale(sx == min ? 1 : max / min, sy == min ? 1 : max / min);
            }
            else if (this.mode == 3) {
                // 等比例裁剪
                this.node.setScale(max / max, max / max);
            }
    
        },
    
        // update (dt) {},
    
    });
    
    

    使用方法:在需要适配的面板上添加该脚本,并为其指定适配模式(1,2,3),三选一
    这里需要注意的是,当你使用ScrollView组件时,可能会出现bug:scrollView种超过区域的内容不会被裁剪,例如,红框范围为ScrollView:
    在这里插入图片描述
    解决方法:为添加view添加widget组件,并为其指定对其目标为ScrollView,如下:
    在这里插入图片描述

    展开全文
  • 在想cocos适配之前,我们想想网页是怎么适配的。浏览器有各种规格,网页的一般做法是:背景图片铺满,网页内容保持在背景图片上居中,就实现了适应或者适配。css一般这样: .bg{ height:582px; background-...

    在想cocos适配之前,我们想想网页是怎么适配的。浏览器有各种规格,网页的一般做法是:背景图片铺满,网页内容保持在背景图片上居中,就实现了适应或者适配。css一般这样:

    .bg{
    height:582px;
    background-image:url('images/top_team_bg.png');
    background-size:auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
    }
    
    .content {
    width:1000px;
    margin:0 auto;
    } 
    

     核心:

    background-position: center center;

    因为是背景图片,所以横向显示可以不全,但永远会显示中间的部分,就是我们的网页内容。content部分宽度是固定的,并且是居中的。
    回到cocos上,原理完全一样,让背景铺满,内容居中。
    背景铺满,在背景是顶级节点的情况下(和canvas平级),可以用Widget,left:0;right:0;
    content居中我们用js去控制,下面的代码,在编辑器里我们设置content的宽度是2048,ts代码:

    adaptScreen(items: Array<cc.Node>) {
    if(cc.director.getVisibleSize().width <= 2048) return;
    if(items instanceof Array) {
    items.forEach(item => {
    try {
    item.x += Math.floor((cc.director.getVisibleSize().width - 2048) / 2 )
    } catch(e) {
    cc.log(e)
    }
    })
    } else {
    cc.log(items)
    cc.log('传入的参数必须是数组')
    }
    }
    

      

    转载于:https://www.cnblogs.com/xiaochongchong/p/9406148.html

    展开全文
  • cocos creator 适配问题

    千次阅读 2019-07-16 17:43:01
    适配方法在cocos creator论坛中看到一种比较好的适配方案:https://forum.cocos.com/t/cocos-creator/74001 const { ccclass, property } = cc._decorator; /** * @classdesc 背景自适应所有分辨率的脚本 * @...
  • cocos屏幕适配问题

    2021-01-11 22:23:26
    cocos屏幕适配问题Widget组件分辨率与像素竖屏设计 一般分辨率为: 16:9 ,例如1920x1080 , 1280x720 , 960x540 , 640x360 等 3:2 ,例如 1200x800 ,960x640 等 目前的全面屏手机,分辨率会比16:9更长一些 设计...
  • cocos 屏幕适配

    2016-02-29 16:06:49
    1、适配模式  (1)ResolutionPolicy::EXACT_FIT :拉伸变形,使铺满屏幕。  (2)ResolutionPolicy::NO_BORDER :按比例放缩,全屏展示不留黑边。  (长宽中小的铺满屏幕,大的超出屏幕)  (3)ResolutionPo
  • CocosCreator屏幕适配

    千次阅读 2019-04-25 16:33:30
    Cocos Creator教程:屏幕适配 Cocos Creator屏幕适配 iphoneX适配 Cocos2D-X屏幕适配新解 //---->设计分辨率 let size0: cc.Size = cc.view.getDesignResolutionSize(); console.log("width 0:" + siz...
  • CocosCreator适配笔记

    千次阅读 2018-09-14 02:57:57
    bg图要保证填充满整个屏幕,bg挂在Canvas下面, 然而bg下面最好不要放东西,HUD界面需要另外做一些停靠点用来适配. HUD界面一般可以将屏幕3分(顶部,中部,底部,当然也可以更多比如左上角,右上角,左下角,右下角,水平左,...
  • 关于cocos studio 适配问题

    千次阅读 2016-01-09 16:42:40
    我们在适配会遇到各种问题,我们一般会用cocos studio 来做UI适配,但是它也不是万无一失的,那么怎么办呢?我们在进行UI适配的时候,我们就采用Panel来装下整个UI界面,只需要对这个一个子节点来进行适配即可,其他...
  • CocosCreator适配手机

    2019-03-01 21:02:51
  • 背景和原理因为手机设备的尺寸不一,分辨率也不一样,这给游戏开发适配带来了一点工作量。为了保证多端基本一致的视觉体验,在开发游戏的时候需要做...图片来自cocos creator官网如果最终的设计稿尺寸是750 * 1334...
  • 昨天在新公司上班,然后和美术讨论cocos分辨率的问题,我居然解释不清楚,深感惭愧,一直以来的思维定势,认为就是那样,或者说我平常就是那么做的,这已经最好的策略,但这真的是一种极为可怕的思想,很容易让人...
  • cocos crearor 屏幕适配

    2020-09-28 17:38:22
    屏幕适配的基本原理 设计分辨率:制作场景时使用的分辨率蓝本。 屏幕分辨率:游戏在设备上运行时的实际屏幕显示分辨率。 物理分辨率:硬件所支持的分辨率,也叫设备像素。 逻辑分辨率:软件所使用的分辨率。 // ...
  • cocos2dx分辨率适配

    2018-04-23 13:51:52
    cocos2dx分辨率适配
  • Cocos Creator 屏幕适配

    2019-12-19 19:02:00
    出门去先。。
  • cocos creator屏幕适配

    2019-12-14 16:07:44
    https://www.jianshu.com/p/e30442d38c64
  • Cocos Creator屏幕适配

    2018-05-23 13:51:00
    2019独角兽企业重金招聘Python工程师标准>>> ...
  • cocos2D:屏幕适配

    2014-02-24 16:01:29
    两分钟让你明白cocos2dx的屏幕适配策略 闲来无事,整理了一下cocos2dx的屏幕适配策略,本文适用于想快速理解cocos2dx适配的开发者。 我们先假设:以854 * 480 的屏幕为标准进行开发,当然,这也就是cocos2dx所...
  • cocos2dx屏幕适配

    2015-06-08 14:52:27
    浅谈cocos游戏屏幕适配市场屏幕的分辨率的种类 在移动游戏里,屏幕适配是一个比较重要的环节。市场上面的手机分辨率参差不齐。总体来讲,可以概括为四种:4:3(高宽比1.33)、16:10(高宽比1.6)、16:9(高宽比1....
  • 屏幕适配文档cocos creator 适配方案:https://docs.cocos.com/creator/manual/zh/ui/multi-resolution.html设计分辨率设计分辨率一般使用1334*750的尺寸 宽高比为1.778我的解决方案根据屏幕分辨率与设计分辨率的宽...
  • 挂载在Scene上,预制体需要添加 ... * 画布适配策略 * note: * 1. 只能挂载画布节点 */ let StrategyEnum = cc.Enum({ NONE: 0, AUTO: 1, FIT_WIDTH: 2, FIT_HEIGHT: 3, FIT_WIDTH_HEIGHT: 4, }); cc.Cl...
  • Cocos2d 屏幕适配方案

    千次阅读 2016-05-30 11:53:17
    为了适应移动终端的各种分辨率大小,各种屏幕宽高比,在 Cocos2D-X(当前稳定版:2.0.4) 中,提供了相应的解决方案,以方便我们在设计游戏时,能够更好的适应不同的环境。   而在设计游戏之初,决定着我们...
  • quick cocos 的屏幕适配

    千次阅读 2014-12-02 17:32:58
    按照之前做cocos2dx的做法,是做了2套图,一套是4:3的,一套是16:9的,对于iphone来说,就是对应5以前的短脸,和对应5以后的长脸。对于其他机器,小于等于4:3的按4:3拉伸铺满,大于4:3的按16:9拉伸铺满。  ...
  • 屏幕适配 CC_CALLBACK_N () // N指的是未指定参数(palcehoder 通常为Ref* EventType 即不用传递的参数) closeItem->setCallback(CC_CALLBACK_1(HelloWorld::menuCloseCallback, this,2));可变参数放未指定...
  • cocos2d 屏幕适配

    2015-03-31 15:12:25
    getWinSize()的变化 CCDirector::sharedDirector()->getWinSize(); 获取的是designResolutionSize CCDirector::sharedDirector()->getWinSizeInPixels(); 获取的是getWinSize*contentScaleFactor之后的值,和...
  • Cocos2d-x屏幕适配

    千次阅读 2016-12-09 15:03:14
    Cocos2d-x屏幕适配

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,106
精华内容 442
关键字:

cocos适配