2016年10月_f_jiang

原创 CocosStuidio（十三）排行榜

排行榜可能会显示100个玩家，甚至更多，我们会以列表的形式展现。CocosStudio中难道要编辑100个甚至更多的列表项吗？不是的，我们在CocosStudio中只会编辑一个列表项，把这个列表项作为模板，在代码中我们根据有多少条玩家数据克隆多少个模板。一、资源进入创建好的CocosStudio项目的assets文件中，创建Rank文件夹，把资源放入Rank文件夹下

2016-10-31 15:03:21 1753

原创 CocosStudio（十二）ListView列表容器

ListView列表容器，看到名字我们就知道它有子控件布局。ScrollView可以成为ListView，怎么做呢？利用ScrollView的子控件布局的横向布局，纵向布局。实际开发游戏ListView基本不用，当ListView的内容比较多时，会出现卡顿。那开发中我们用TableView来替代ListView。一、ListView创建和属性讲解1.ListView创建，添加对

2016-10-28 16:08:09 9382

原创 CocosStudio（十一）ScrollView滚动层

ScrollView滚动层，是可以滚动的，它和Panel的相同的方式，都存在布局。这里我们就不讲布局了，如果对布局还不熟的，可以去看这篇博客http://blog.csdn.net/fjdmy001/article/details/52943288，这篇主要讲ScrollView的特殊属性。一、ScrollView创建和属性讲解1.添加对象 --> 滚动层

2016-10-28 15:03:25 3194

TextField输入框，这是Cocos自己写的一个控件，实际开发中我们都不会去使用它，因为用户体验太差，单一，针对多种平台手机不适用，我们会把TextField替换为editbox，editbox是每个平台实现一套输入框。怎么替换呢？代码里去替换，CocosStudio设置的TextField属性值会设置给editbox，所以在CocosStuidioUI界面中创建TextField代码里去替换

2016-10-28 14:03:23 9014 2

原创 CocosStudio（九）ProgressBar进度条、Slider滑动条

为什么要把ProgressBar和Slider放在一起呢？因为他俩有相似的地方。ProgressBar进度条，游戏开发中用得挺多的，比如英雄血条、玩家的经验条、加载进度条等。Slider滑动条，开发中比较少用，但是也不能少了它，比如音量条。下面我们来一起看看。一、ProgressBar进度条1.创建了一个进度条背景图，一个进度条（模式：Custom），进度条背景渲染层级要小于进

2016-10-28 12:31:54 7524

原创 CocosStudio（八）AtlasLabel数字标签、BitmapLabel自定义字体、Label文本框

AtlasLabel、BitmapLabel、Label这三个控件都是用了文本显示的，在实际开发中基本上用Label，除非有特殊需求我们才会选择AtlasLabel、BitmapLabel。这节讲解这三个文本。一、AtlasLabel数字标签1.创建AtlasLabel，添加对象 -->数字标签2.特性包括标签图片、标签首字符、标签字符宽、标签字

2016-10-28 10:39:06 4506

原创 CocosStudio（七）Image图片

游戏有了图片，游戏就变得绚丽多彩了，游戏画面好看才能吸引玩家，一张图片美术人员是经过长期制作的。接下来我们一起来认识下Image的属性吧。一、创建Image添加对象 --> 图片 --> 资源拖拽到图片控件中二、Image的用法1.背景图背景图的大小一般占满整个屏幕的，市面上有很多尺寸不一的手机。那我们如何让背景图支持各种尺寸呢？方法一：让美术人员画足够大的

2016-10-27 16:53:54 3037 1

原创 CocosStudio（六）CheckBox复选框

CheckBox复选框，在游戏中用的并不多，大多数会用在设置系统中，选择是否开启音乐，音效。下面就开始讲解下CheckBox的特性里的属性（资源，标识资源，选中/取消）。1.资源：从左至右，正常状态，按下状态，禁用状态。2.识别资源：选中和无选中的资源，从左至右依次是，选中，未选中。3.选中/未选中：选择的状态。

2016-10-27 16:29:00 1997

原创 CocosStudio（五）Button按钮

Button（按钮），比较常用的控件，玩家和Button可以交互。看图，在PanelRoot下创建了一个Button，Button是在PanelRoot层容器里居中的，怎么居中呢？在《Panel层容器》中讲过Panel的子控件布局。PanelRoot的子控件布局是相对布局，Button的控件布局是横、纵向选择的是居中，所以Button在PanelRoot层容器中居中。一

2016-10-27 14:49:01 4829 1

原创 CocosStudio（四）Panel层容器

一、什么是Panel1.Panel，层容器。什么叫容器呢？容器就是可以用来放置物品的空间。这里的层容器就是来放置控件的，层容器可以装层容器。2.Panel与Layer的区别，我们可以看Cocos2d-x的源码。相同：都是容器，可以来装控件。区别：Panel比Layer多布局（Layout）方式。二、布局有4种布局，分别为：绝对布

2016-10-27 10:27:19 6201 1

原创 Cocos2d-lua（三）认识Cocos2d-lua

简单了解下Cocos2d-lua，它的前世我记不清了，今生我还是了解，Cocos 的官网：http://www.cocos.com/，我第一次知道Cocos的时候是在2014年8月，当时cocos2d-x 3.0已经出来了，2 到3引擎修改了很多（具体的可以到官网看看）。在工作时经常有2版本的，现在很少用2版本开发了，如果有，多半工作是维护优化（改修改别的代码是比较恶心的，我也是拒绝的），添加新功

2016-10-25 14:19:14 6221

原创 Cocos2d-lua（四）加载CocosStudio导出的UI界面

在实际开发游戏时，会使用大量的工具来辅助我们快速开发游戏。比如：CocosStudio，TiledMap(地图编辑器)，Particle Builder(粒子编辑器)，TexturePacker(图片资源打包)等。CocosStudio和TexturePacker程序需要掌握，资源图片和UI得拼装我们都得管理。这节主要讲解怎么把CocosStudio制作好的UI界面加载到游戏中。UI界面是

2016-10-25 14:17:32 4183

原创 CocosStudio（三）导出UI

又是崭新的一天，阳光明媚，多云不转晴，最近都是上班在写博客（闲的），闲的时间总要找事做。人活着就是要做有意义的事，什么是有意义的事，有意义的事就是活着（电视剧《士兵突击》里的主人公许三多说的）。女朋友还在学会计，自己为了鼓励女朋友考试成功，于是自己傻逼的报考了会计（为了你我也豁出去），11月中旬考试，没事还早，有时间把学到的奉献给社会，奉献给社会，奉献给社会。今天看看把CocosStudio的例子导出到CoCos2d-lua项目里，显示到游戏中。

2016-10-24 18:08:22 3200 1

原创 CocosStudio（二）创建UI项目

游戏场景一般分为UI场景（又称游戏外围UI），游戏战斗场景。UI场景种有一系列UI系统组成（比如：登陆系统，商城系统，背包系统，好友系统，聊天系统，任务系统等），每个系统由多个UI界面组成。游戏战斗场景是游戏的核心，想留住玩家，战斗得玩法新颖，丰富，里面包括游戏战斗界面、战斗结算界面、战斗奖励界面、其他UI界面。战斗结算界面和战斗奖励界面可放在UI场景里，根据自己怎么设计了，我们一般放在战斗场景里

2016-10-24 16:44:57 3346 2

原创 CocosStudio（一）创建CocosStudio项目

开发游戏项目时，我们会CocosStudio和cocos2d一起用，CocosStudio做UI、动画，Cocos2d做游戏逻辑开发。听说有些公司CocosStudio拼装ui是策划的事（羡慕），反正我没遇过，可能是自己命苦吧。我拼装过的界面我已经数不清了，反正已经到了如火纯青的地步了（容我装逼一下）。我记到我第一次用Cocos2d-x开发游戏时（还在读大学），自己用代码来拼装UI，现在觉得当时比

2016-10-21 15:15:56 5593 1

原创 Cocos2d-lua（二）VS装入BabeLua插件

为什么装BabeLua插件，因为方便我们开发lua项目，对BabeLua插件的功能这里不介绍了（百度一下），谁用谁知道。一、装入插件BabeLua1.打开VS --> 工具 --> 扩展和更新 --> 联机 --> 搜索BabeLua --> 下载 --> 安装2.安装成功二、创建lua项目1.点击lua --> New Lua Project

2016-10-21 14:51:33 2047 2

原创 Cocos2d-lua（一）项目创建

一、官网下载最新版本cocos2d-x，官网地址：www.cocos.com，配置cocos2d-x环境的工作我就不说了，网上很多二、把下载的cocos2d-x解压，找到bin目录（cocos2d-x-3.13.1\tools\cocos2d-console\bin），利用cocos.py创建项目三、运行cmd，创建项目1.创建项目命令：cocos new 项目名称 -p 包 -l

2016-10-21 11:15:48 8631 4

小飞飞的博客