CocosCreator优化技巧

从零开始学游戏制作，我选择从 cocos 开始，经过在 b 站上看了大量的视频之后，终于开始动手写代码了， 因为又程序基础， js 语言已经会了，所以就直接跳过了脚本的基础。学习过程，先做一个按键盘来控制物体上下左右移动的功能，打开 cocos 编辑器，新建一个空白的二地项目，创建一个精灵节点， 然后新建一个脚本，脚本和节点绑定起来，打开脚本编辑， 先预览看下界面效果， 把这个方块改个颜色，编写方块移动的 代码，定义一个向左移动的变量，向右移动的，向下的，向上的。在 start 里面写键盘按下和松开的监听事件， 按下去的时候处理方法，按的哪个键往哪个方向能移动。 按键松开的处理方法，松开就停止移动。 物体移动的具体实现 运行，看看效果是否能移动，发现上下移动方向是反的。修改下脚本， 再来看看， 加个背景图片， 把移动物体变小一点，看看最终效果。

那上一节课的话呢，我们给到大家介绍了咱们整个的一个编辑器相关的一些操作，那么这一节课的话呢，我们就带大家来搭建一个咱们的三 d 游戏场景。好，我们把我们的这一个书资源素材啊给大家倒进来，资源素材的话呢，我在这里会有一个， 嗯，音乐，对吧？在这里啊会有一个课件资料，哎，这个就是我们的一个资源的素材，我把它呢在这里来复制一下，好， 复制一下完了以后的话呢，我们把它放到这个瑞士的这个地方来，我们在资源管理期当中显示一下。好，这个时候呢我们就可以来 打开粘贴了，对吧？好，粘贴完了以后的话呢，那这个时候我们就会导入咱们的资源进来啊，你们来看一下咱们的资源呢就会被导进来，稍等一下啊。嗯，这里边的话呢，我把这个给 他放下来一点点啊，把这个东西给他放下来一点点啊，好吧，好，那这个时候的话呢，他就会正在载入啊，已经都载完了，对吧？就在这里。好，在这里的话呢，我们这是我们的一些资源，资源的话呢，我在这里分类已经放好了，首先呢我们是有 gui 是我们的界面， 第二个的话呢就是我们的场景啊，在这个点上第三一个的话呢就是咱们的一个声音啊，对吧？咱们的一个声音啊，好，那么场景里面的话呢，我们又会分为我们的这个背景，背景的话呢，我们就是一张这样的图，对不对？就是大家刚才看到这样一张图， 同时的话呢，我们还会有一个什么呢？有我们的一些模型相关的一些东西啊，我都把它打好了放到这里来。好，那么接下来的话呢，我们就来搭建咱们的三 d 场景，首先先把三 d 这个场景打开，你点击这个圣子，圣子下面两个 gam 啊，你把它对场景里面一拖， 嗯，那么这个时候的话呢，咱们这个电就有了，看到没有？好，你拖进来以后的话呢，一般我的做法就是把这个把它跟玉字体来进行断开，这样子。好，我们在场景里面呢，他有一个摄像机，所以我把原来这个摄像机呢给他干掉，哎，大概就这样子了啊，我把原来的这个摄像机呢给他干掉， 同时的话呢，我们在这里会有一个光，在这里的话呢，我把它可以给他改一个负四十五度，哎，让他这个光打到这个地方来，你看这就是我们太阳光的这个位置啊，打到咱们的这个场景里面来，当然的话呢，这个光呢，你还可以加强一点点，看到没有，哎，你可以把它加强到一万六， 哎，两万六又可以更强一点点啊，三万六是吧，你可以加的更强一点点，这个都没有任何问题。嗯，你就可以来加这个点，嗯，九万六是吧？有更 强一点点的。哎，这个呢就看你自己啊，比方说我们是三万六就差不多了。好，这样子的话呢，就是我们调这个光，哎，在这个地方。好，那么我请简单的给大家介绍一下咱们整个场景的资源，场景资源里面呢，咱们会有一台摄像机。好，摄像机的话呢，他这里就会有一个背景， 哎，摄像机下面有个背景，专门用来显示咱们这个背景的，同时呢摄像机下面呢，咱们还有一个肉的，专门用来做我们的这个这条路的， 哎，这是我们的摄像机，在这里同时的话呢，我们会有一个我们的平台的，这个入的，入的的话呢，我们这里放了一款这样的起起石化的，起石化的这么一款砖，在这个地方， 哎，这里呢我们会有一个这样的球，这个球的话呢咱们就放到这个地方来了，这是我们这个球啊，大家可以来看一下，我们把这个球呢还调小一点点， 调成零点八吧，这样子，好吧，把这个球我们给它调小一点点，调成零点八，哎，这样子的话呢，我们就会更小一点点，这里会有咱们的一个球，这是我们的布好，那么这个时候的话呢，我们第一块砖的话呢，我们是一个奇石砖，我把它挪到这个外面来，做成一个咱们的这个 stat， 啊，这样子， 好，这个我们的起始砖好，后面的话呢我们就可以来铺一些砖进来，铺砖的话呢，我们就可以来科比这个东西啊，然后呢咱们来粘贴一下，比方说这是我们的这个 plant 一这样子，对吧？然后呢我们就可以抗秀滴，你就可以复制一个， 哎，我又可以拖到这里了，哎，你选择这个康就低，哎，我又来一个，我就复制一个，看到没有？哎，你选择这一个，你再康就低，哎，你又来一个，你就复制一个。所以我们只要在代码里面源源不断的来申 这些东西就行了，你看按住这个点点好，他 ctrl d 这样子就行了，你看在这里啊，好，同时的话呢，我们整个的这个三维的这些东西啊，我们可以前后左右上下来进行观测，看到没有？哎，在这些点上啊， 好，那么在这里的话呢，我们就可以来把这些东西呢给大家调整一下，你看，哎，调到这里来啊，当然我可以把这个一二啊，我可以把这几个后面再给他调后面去一点点啊， 再给他调后面去一点点。嗯，然后呢我这个一的话呢，我就给他一点空间和距离，这样子好不好？哎，这样子的话呢，你就可以来生成这些块啊，我们在这里呢暂时呢就做这些东西。好，这是咱们的一个球。好，接下来的话呢，我们来给大家来搭建一个咱们的 ui 操作系啊， ui 操作我们见面， 对吧？界面的话呢，我们都是要到 uicoves 这里来的，你可以点一下这个二地啊，来到咱们的这个界面，你看，哎，这个就是咱们整个的一个界面就在这里了，那我们界面的话呢，做一个得分系统，做一个得分的这个显示，那么我们又一个咱们的这个 surpriet， 这个呢就是咱们的思过， 我们得分的这个显示啊，思过。在这个地方思过的话呢，那这个时候我们就能够把这个 gui 的这个东西啊，对这个思过这里一拖，所以我们点击一下呢，来拖一下这个思过，然后呢我们的原始大小弱去掉这个缺米， 哎，这样子的话呢，咱们的思过呢就在这个地方呢，对吧？好，同样的道理呢，我们再给这个思过呢来创建一个咱们的 labo， 那这个 labo 的话呢，咱们就是 s c， 我们就是一百这样子啊，然后呢一百的话呢，我们就给他加大到 三十这样子啊，哎，你可以看你可以来放大这个东西放到这里来，嗯，不错，好，这样子呢，差不多就有了。然后呢我们把整个这个四过呢放到咱们的这个左上角这个地方，让他能够显示咱们的这个得分，嗯， 我就把它在这个地方一放，同时的话呢，我们给到这个是过呢来加一个 ui 的 yet get 在这里，好吧？来加好咱们 ui 的这个 yet get 以后呢？哎，那这个时候的话呢，你就有了这个点，明白没有？ 哎，你看你加了这个 ui 的 yet get 以后呢，你就有了这个点了，你看，哎，这样子的话呢，咱们就搞定了。好整个的这个 ui 的这个界面呢，咱们也就搭好了，来一起来运行一下， 运行起来以后的话呢，那么这个时候你看，哎，我们的这个 ui 的这个界面就有了啊，包含咱们的这些主角啊， 球啊这些东西啊，咱们就都有了主角啊，球啊这些东西包含咱们这个 ui。 同时的话呢，我们在这里也播放了一个音乐啊，为什么呢？因为我在这个地方呢加了一个音乐组件，这个音乐的话呢就可以作为我们等一下的一个背景的这么一个音乐就在这个地方。好，那我们回到山地呢，我们就能够去到这个地方来，好， 这个呢就是我们的整个场景的一个搭建。好。这节课的话呢，我就跟大家讲解到这里，谢谢，再见。走了，拜拜。