【COCOS CREATOR 系列教程之三】PREFAB讲解&CC项目如何多开与分享

原创 2016年02月05日 13:32:17


本站文章均为 李华明Himi 原创,转载务必在明显处注明: 
转载自【黑米GameDev街区】 原文链接: http://www.himigame.com/cocos-creator/1985.html



还有几天就要过年了,今天Himi就要坐车回老家了,这里提前祝福各位新年快乐、家庭和睦、万事如意。

进入主题,今天讲解下的小伙伴比较在意的几点问题:(当前使用的版本 0.7.1)

         1. 关于Prefab的使用与概述

         2. Cocos Creator 如何同时打开多个项目

         3. 如何把自己的Cocos Creator的项目分享给别人

  一.  关于Prefab的使用与讲解(CC版Prefab的方式说明)

Prefab:大家习惯喊它“预制体”,其实通俗的讲大家可以理解成是个“被打包的集合”,Prefab可以是由一个或多个节点(Node)、组件(Sprite、Label、Js脚本等)组合,当然其中也会包括组件之间的关系等一同保存。

       a)  什么时候用Prefab?(Himi就说下从接触U3d到现在对Prefab的理解吧)

       当你想制作一个有通用性强、或想重复使用的且个体之间存异较少时…你都应该第一时间想到Prefab

       例1:背包中每个物品,如下图:

QQ20160205-0

像上图中可以明显看到,每个物品都包括:一个底图、一个物品icon、一个label数量、一个文本name,不同的是每个元素内容的不同而已。因此可以我们可以设计一个Prefab 结构 如下:

   KnapItem(Node)

            itemBG      (Sprite)

            itemIcon   (Sprite)

            itemCount(Label)

            itemName (Label)

例2: 排行榜每一条目(基本都是相同的,可能每一条底图有区分)

QQ20160205-1

上图中我们可以将每个条目设计Prefab 其结构如下:

   RankList(Node)

            rankBG(Sprite)

            rankOderNo(Label)

            rankIcon (Sprite)

            rankNick(Label)

            rankEquIcon1(Sprite)

            rankEquIcon2(Sprite)

            rankEquIcon3(Sprite)

创建好Prefab后,利用脚本for循环实例化Prefab,并对其进行设置各自应该显示的内容、图片等即可。

     b) 如何创建Prefab:

      那么下面我们来通过如下图 ( 点击图片查看动态Gif效果 )   来演示创建Prefab的过程:

Prefab

其实创建Prefab很简单,只要你在层级管理器视图创建的任意节点->拖动到->资源管理器视图即可完成创建。

    c) 如何在脚本中进行实例使用:

    d)已创建好的Prefab的修改操作

          当前版本无法支持选中做好的Prefab进行直接修改操作。所以我们步骤进行:

  1. 将制作好的Prefab拖到层级管理器
  2. 选中进行修改Prefab,然后查看属性检查器,可看到如下图:

QQ20160205-0@2x

         可以看到有个“prefab”标签,其中按钮的作用如下:

         “回退”:当你当前Prefab如果有任意一处与原型Prefab不同时,可点击进行还原。

         “保存”:当你当前Prefab如果有任意一处与原型Prefab不同时,可点击进行保存并修改原型Prefab

       【注意】修改Prefab(原型Prefab有改动)那么所有的Prefab示例都会改变!

二.  如何打开多个不同的Cocos Creator项目

     Windows: 双击图标即可

     Mac:打开终端,使用 open -n PATH,  (PATH是你CC的路径)如下:

     open -n /Applications/CocosCreator.app/

QQ20160129-0@2x

QQ20160129-0

三.  如何将自己的Cocos Creator 整个项目分享给别人

        1. 当前的版本由于还没有与cc的.fire文件关联,所以如果想把项目分享给别人,只需要将项目根目录下,除“temp”与“library” ,剩余所有文件发给别人即可。

QQ20160205-2

    2. 对方将所有文件替换一个新创建的空项目即可

那么本篇就先到这里,下一篇Himi将利用当前的版本制作一个PageView。



【用Cocos Creator给暗恋的女生写一个游戏(8)】——(Run Game) Prefab的动态管理

我们先来考虑一下这个PrefabManager是干什么的,我们的游戏中有重复出现的水管和老公,所以PrefabManager要能够动态管理他们,理所当然要有创建和销毁的方法,创建很简单,我们只需要每隔...
  • potato47
  • potato47
  • 2016年08月29日 07:56
  • 2899

Cocos Creator 获取和加载资源(摘自官方文档)

获取和加载资源 Cocos Creator 有一套统一的资源管理机制 ,在本篇教程,我们将介绍 资源的分类如何在 属性检查器 里设置资源动态加载 Asset动态加载 Raw Asset 资源的分...
  • alpha_xiao
  • alpha_xiao
  • 2016年08月03日 11:54
  • 12421

Cocos Creator 天天酷跑素材源码工程

  • 2016年05月06日 14:41
  • 7.03MB
  • 下载

Cocos Creator预制资源导入问题

前两天在开发时,需要导入一个写好的预制资源,因为不熟悉,给自己带来了太多麻烦,导致工作耽误了不少时间,然而却是很简单的问题。希望记录下来,谨防再犯。 在Cocos Creator中,导入资源,选择文...
  • u011455192
  • u011455192
  • 2018年01月15日 11:34
  • 90

直接生成预制体Prefabs的方法

直接读预制体文件生成目标物体的方法
  • FireGhost57
  • FireGhost57
  • 2017年04月11日 01:35
  • 277

Cocos Creator 创建和销毁节点(摘自官方文档)

创建新节点 除了通过场景编辑器创建节点外,我们也可以在脚本中动态创建节点。通过 new cc.Node() 并将它加入 到场景中,可以实现整个创建过程。 以下是一个简单的例子: cc.Class(...
  • alpha_xiao
  • alpha_xiao
  • 2016年08月03日 11:27
  • 5375

Cocos Creator中获取和加载资源(官方文档摘录)

Cocos Creator 有一套统一的资源管理机制 ,在本篇教程,我们将介绍资源的分类如何在 属性检查器 里设置资源动态加载 Asset动态加载 Raw Asset资源的分类目前的资源分成两种,一种...
  • likendsl
  • likendsl
  • 2016年12月01日 12:37
  • 5478

【Cocos Creator 实战教程(2)】——天天酷跑(动画、动作相关)

转载请保留原文链接,个人公众号:xinshouit(新手程序员),欢迎关注 准备工作 把背景图拉长,很长很长的那种。。。。一会我们要让它滑动起来 背景动画为背景节点添加滚动动画 现在背景就循...
  • potato47
  • potato47
  • 2016年05月02日 12:18
  • 18501

【Cocos Creator实战教程(8)】——打砖块(物理引擎)

失踪人口回归 本篇教程要基于Cocos Creator1.5的物理引擎,编写一个简单的打砖块游戏,尽可能多讲一点,但现在已经快11点了,我12点要睡觉啊,好像又讲不了多少,这个世界啊,本来就是一个矛...
  • potato47
  • potato47
  • 2017年06月14日 00:32
  • 3961

【CocosCreator入门教程(1)】——混个脸熟

本系列教程使用1.3以上版本 下载安装 http://www.cocos.com/download 安装过程中如果有小问题参考官方文档 http://www.cocos.com/docs/...
  • potato47
  • potato47
  • 2016年10月26日 21:27
  • 3640
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【COCOS CREATOR 系列教程之三】PREFAB讲解&CC项目如何多开与分享
举报原因:
原因补充:

(最多只允许输入30个字)