当前位置：首页 > article >正文

Cocos Creator 试玩广告开发

article 2024/12/23 13:54:42

之前主要是使用Unity,这次刚好项目是试玩游戏的开发，所以临时学了Cocos来开发。所以这篇文章，更加关注从Unity转到Cocos开发的经历以及试玩的基本开发。

首先，我是没有使用过Cocos的，也没有接触过Ts语言，对于Ts的开发开始也很难习惯，不过语言之间都大差不差，遇到不清楚的查一下文档即可。

如果你之前也是使用Unity开发的，基本上可以直接上手Cocos，两者从界面上来说，没太大区别，不过对于Cocos-2dx来说，游戏不一样。具体的区别和使用体验我就不说了，这不是重点。

cocos creator 3.8界面

unity 2022界面

不过，Cocos在运行时好像不能看编辑界面，这一点很难受。至于其他部分的用法和unity几乎一样。如果你也是从unity转来暂时需要用Cocos，请不用担心，

下面记录一些开发中所遇到的问题。

问题集合：

1.Cocos版本

Cocos版本迭代好像很快，哪怕是小版本之间的区别也蛮大的，项目创建需要注意

2.射线检测失效

在开发中，突然发现射线检测没有用了，有时候能检测到射线开始，却检测不到结束。之类的情况，这个问题是Cocos自己的Bug,退出重启即可。

3.脚本中的定义怎么才能在面板中显示出来。

虽然ts支持的数据容器也有好些，但是我确实不知道在Cocos中怎么用，可能我用的不多。在存储大量类型方面我一直用的数组。

    //面板中显示必须加，并且需要赋初值
    @property(Node)//括号中也需要指定类型
    public curNum: num = null;
    @property([SpriteFrame])
    public nums: SpriteFrame[] = Array<SpriteFrame>();

4.更改屏幕分辨率

之前好像是能之间在Canvas组件上面改，不过后面移到项目设置中去了

5.移动端设计了横竖屏的切换，但是运行后无法转换，或者转换后马上转回去了

这个是由于在打包构建时，设备方向勾选了横或者竖，改为自动即可。

6.打包运行

其他打包我没有试过，目前主要时Web移动和桌面端，这两种打包方式打包出来是无法直接运行的。

运行方式：

1.在包体构建完成之后，Cocos构建界面可以之间点击运行。

2.如果你代码是用VsCode写的，可以加上Live Server的扩展，然后打开构建完成的文件夹，运行Index.html即可。

3.服务器部署

将项目部署在服务器上，这就比较复杂了。不过试玩广告主要也就一个html文件，用一个文件服务器就可以了。

可以用下面的这个简单的做一些部署，就可以通过手机访问到你的打包文件了。

HFS ~ HTTP File Server

7.编辑预览

在开发过程中，想要实时看在手机上的运行情况，官方推荐的是之间扫二维码预览。但我试了一下，好像不行，这个位置先空着，之后有办法在补充。

后面我有看来一下，需要手机与电脑处于同一个局域网内，但是实际在做项目的时候，公司这边的Wifi好像不行。如果需要实时的预览手机运行情况，出了打包之外，在电脑上安装手机模拟器也可以直接扫描二维码运行。

8.横竖屏切换

这一点有些坑，横竖版的两个素材，在运行中切换横竖屏的表现状态和运行前直接改分辨率的表现是不一样的，所以需要做一些单独的适配，在项目中我采用了横竖屏两套状态的切换方式。

而且在网上找的很多实列拿过来之后就不能用了，主要是Cocos迭代把一些API去掉了

不过对于横竖屏的判断，大多都是判断屏幕的长和宽的大小，我这里随便占了一个，指不定啥时候这Api又被扔掉了

let winSize = new Size(screen.windowSize.width / view['_scaleX'], screen.windowSize.height / view['_scaleY']);
        if (winSize.width > winSize.height) {
            this.curState = true;
            this.backGround.spriteFrame=this.spBg[1];
        }
        else {
            this.curState = false;
            this.backGround.spriteFrame=this.spBg[0];
        }