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

本站文章均为 李华明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:背包中每个物品,如下图:

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

   KnapItem(Node)

            itemBG      (Sprite)

            itemIcon   (Sprite)

            itemCount(Label)

            itemName (Label)

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

上图中我们可以将每个条目设计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很简单,只要你在层级管理器视图创建的任意节点->拖动到->资源管理器视图即可完成创建。

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

1

2

3

4

5

6

7

8

t_prefab:{

    default:null,

    type:cc.Prefab

},

 

var tPrefab = cc.instantiate(this.t_prefab);

tPrefab.parent = this.node;

tPrefab.setPosition(-210,100);

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

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

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

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

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

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

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

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

     Windows: 双击图标即可

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

     open -n /Applications/CocosCreator.app/

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

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

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

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

时间: 2025-01-01 11:07:58

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

【COCOS CREATOR 系列教程之一】CC尝鲜小总结及组件使用需注意的几点细节

本站文章均为 李华明Himi 原创,转载务必在明显处注明:  转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/cocos-creator/1936.html   从今天起,Himi将陆续的会持续更新一些Cocos Creator的文章 一起学习交流的可以加我的QQ群 Cocos Creator :432818031     貌似好久没有来写原创博文了,不知道还有多少认识Himi的- 当然也有不少群里的人问我都在忙什么,这里简单先八卦一下: 去年去了网

【COCOS CREATOR 系列教程之四】基于0.7.1先简单制作一个PAGEVIEW

本站文章均为 李华明Himi 原创,转载务必在明显处注明:  转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/cocos-creator/1999.html 由于当前版本还没有发布1.0,因此还有不少组件没有发布,那么Himi也看到Cocos Creator群里有几个童鞋问起过PageView的问题,那么Himi正好借此练手,基于当前版本制作一个PageView. 本文分为两部分进行讲解: 1. 制作PageView     2. 如何使用 一. 制

【COCOS CREATOR 系列教程之二】脚本开发篇&事件监听、常用函数等示例整合

本站文章均为 李华明Himi 原创,转载务必在明显处注明:  转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/cocos-creator/1959.html [Cocos Creator ](千人群):432818031 上一篇,介绍了Himi在使用过cc所有组件后的一篇总结,没有具体介绍每个组件的原因在于官方文档很齐全,而且也有视频的介绍. 所以希望童鞋们可以把我这两篇博文当成对组件.脚本两部分开发的整理与总结. 后续的文章,Himi应该主要更新一

LNMP系列教程之三:SSH安装WordPress博客

在之前的文章中,"LNMP系列教程之二:删除站点及域名绑定",然后我们就需要传程序建站.我们可以利用WinSCP工具直接向我们的对应的站点目录中传程序,然 后添加数据库安装网站.但是今天我分享的这个方法是比较先进的SSL远程下载程序,这样的好处是万一我们用的CMS程序较大,可以直接下载至VPS中,省 的我们再去FTP传.用命令操作一来可以显得牛X,二来可以节省时间. 首先,用Putty登陆我们的VPS,到我们的站点目录下,今天我以安装wordpress建立博客为例; 其次,输入远程下载

LLsMP系列教程之三:Litespeed开启htaccess伪静态方法

如果我们的VPS是用LLsMP架构的话,默认的htaccess伪静态是支持比如wordpress,discuz等常规的CMS.但是有些时候,有些程序我们在安装后,或者说后台启动了伪静态功能,前台点击页面文件并没有达到我们的效果,而是文件显示404错误页面.这主要的问题是我们的伪静态没有开启,我们需要开启Litespeed开启htaccess伪静态.到底如何操作呢? 第一步,登陆我们的Litespeed面板,一般网址为 "你的VPS ip:7080",用我们当初搭建VPS的时候设置的用户

【REACT NATIVE 系列教程之三】函数绑定与FLEXBOX是用好REACT的基础

本站文章均为 李华明Himi 原创,转载务必在明显处注明:  转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/react-native/2222.html Himi在写React 时主要遇到两个知识点觉得很有必要跟大家一起回顾下. 函数绑定 FlexBox 布局    一:函数绑定 首先来看一段代码片段: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 constructor(props) {       s

Microsoft .Net Remoting系列教程之三:Remoting事件处理全接触_自学过程

前言:在Remoting中处理事件其实并不复杂,但其中有些技巧需要你去挖掘出来.正是这些技巧,仿佛森严的壁垒,让许多人望而生畏,或者是不知所谓,最后放弃了事件在Remoting的使用.关于这个主题,在网上也有很多讨论,相关的技术文章也不少,遗憾的是,很多文章概述的都不太全面.我在研究Remoting的时候,也对事件处理发生了兴趣.经过参考相关的书籍.文档,并经过反复的试验,深信自己能够把这个问题阐述清楚了. 本文对于Remoting和事件的基础知识不再介绍,有兴趣的可以看我的系列文章,或查阅相关

linux服务器WEB环境一键安装包lanmp系列教程之三

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在我们安装了linux服务器WEB环境一键安装包lanmp后,可能会有不少疑问还有就是使用过程中出现的问题,下面为大家总结几点比较常见的,如若还有其他疑问,可到wdlinux论坛寻找相关教程. 1.Apache Struts漏洞修复(网上收集) 由于近期Apache官方直接把如何利用漏洞的方法放在官网的公告里,黑客 利用该漏洞攻击网站的案例剧

解读ASP.NET 5 & MVC6系列教程(3):项目发布与部署_自学过程

本章我们将讲解ASP.NET5项目发布部署相关的内容,示例项目以我们前一章创建的BookStore项目为例. 发布前的设置 由于新版ASP.NET5支持多版本DNX运行环境的发布和部署,所以在部署之前,我们需要设定部署的目标DNX(即之前的KRE). 步骤:右键BookStore项目->属性->Application选项卡,选择DNX的版本,本例中,选择dnx-coreclr-win-x64.1.0.0-beta4. 在project.json文件的commands节点,我们可以看到,系统默认