CocosCreator-基本使用

作者: 勇敢的_心_ | 来源:发表于2018-05-21 16:33 被阅读16次

1.创建游戏场景

1.)在资源管理器中点击选中assets目录,确保我们的场景会被创建在这个目录下
2.)点击资源管理器左上角的加号按钮,在弹出的菜单中选择 Scene
3.)创建了一个名叫New Scene的场景文件,右键点击它并选择重命名,将它改名为game
4.)双击game,就会在 场景编辑器层级编辑器中打开这个场景。

添加背景

1.首先在 资源管理器 里按照assets/textures/background的路径找到我们的背景图像资源,点击并拖拽这个资源到 层级编辑器 中的Canvas节点上,直到Canvas节点显示橙色高亮,表示将会添加一个以background为贴图资源的子节点。
2.这时就可以松开鼠标按键,可以看到Canvas下面添加了一个名叫background的节点。当我们使用拖拽资源的方式添加节点时,节点会自动以贴图资源的文件名来命名。
3.在 场景编辑器 中,可以看到我们刚刚添加的背景图像,下面我们将修改背景图像的尺寸,来让他覆盖整个屏幕。

4.首先选中background节点,然后点击主窗口左上角工具栏第四个 矩形变换工具

rect gizmo

5.使用这个工具我们可以方便的修改图像节点的尺寸,将鼠标移动到 场景编辑器background 的左边,按住并向左拖拽直到 background 的左边超出表示设计分辨率的蓝色线框。然后再用同样的方法将 background 的右边向右拖拽。
之后需要拖拽上下两边,使背景图的大小能够填满设计分辨率的线框。

添加主角

1.从 资源管理器 拖拽assets/texture/PurpleMonster到 层级管理器 中 Canvas 的下面,并确保他的排序在 ground 之下,这样我们的主角会显示在最前面。 注意小怪兽节点应该是 Canvas 的子节点,和 ground 节点平行。

2.为了让主角的光环在场景节点中非常醒目,我们右键点击刚刚添加的PurpleMonster节点,选择重命名之后将其改名为Player。

制作Prefab

对于需要重复生成的节点,我们可以将他保存成 Prefab(预制) 资源,作为我们动态生成节点时使用的模板;

1.)首先从 资源管理器 中拖拽 assets/textures/star 图片到场景中,位置随意,我们只是需要借助场景作为我们制作 Prefab 的工作台,制作完成后会我们把这个节点从场景中删除。

2.)我们不需要修改星星的位置或渲染属性,但要让星星能够被主角碰触后消失,我们需要为星星也添加一个专门的组件。按照和添加 Player 脚本相同的方法,添加名叫 Star 的 JavaScript 脚本到 assets/scripts/ 中。

3.)保存脚本后,将这个脚本添加到刚创建的 star 节点上。然后在 属性检查器 中把 Pick Radius 属性值设为 60:

4.)Star Prefab 需要的设置就完成了,现在从 层级管理器 中将 star 节点拖拽到 资源管理器 中的 assets 文件夹下,就生成了名叫 star 的 Prefab 资源。

层级管理器->资源管理器->属性检查器

层级管理器的节点->属性检查器:

  • 添加组件(拖动资源管理器中的JS脚本)
  • 添加相应资源(拖动资源管理器中的图片、音频)

相关文章

  • CocosCreator-基本使用

    1.创建游戏场景 1.)在资源管理器中点击选中assets目录,确保我们的场景会被创建在这个目录下2.)点击资源管...

  • CocosCreator-使用convertToNodeSpac

    含义 convertToNodeSpace 将一个点转换到节点 (局部) 坐标系,并加上锚点的坐标。也就是说返回的...

  • CocosCreator-使用分帧创建对象

    在Creator游戏开发中,一般是这样创建对象: 上面代码本身没有问题,就是连续实例化10个对象。但在大量UI、动...

  • CocosCreator-常用

    基本语法 1.JS 2.组件实例化 3.随机数 4.间隔性调用方法 5.节点下的组件数、组件 6.制作cow组件 ...

  • CocosCreator-总结

    包体优化 删除无用代码 定期清理,删除重复和未引用的资源 压缩音效文件,尽可能少占用空间 资源尽量放到res目录下...

  • Flutter--Text/Container/Image

    Text基本使用 Container基本使用 Image基本使用

  • CocosCreator-【射线】笔记

    1.必须在onLoad开启物理引擎start函数开启也不能使用射线 具体原因,暂不知道为什么,这个点有点坑。不开启...

  • CocosCreator-简易教程

    1. 界面 https://docs.cocos.com/creator/manual/zh/getting-st...

  • 基本使用

    1、 打开需要上传的文件夹执行: git init 格式化窗口 2、执行 git add . 上传文件 3、执行 ...

  • 基本使用

    href="javascript:;" 其中javascript: 是一个伪协议。它可以让我们通过一个链接来调用...

网友评论

    本文标题:CocosCreator-基本使用

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