laya的UI编辑器】的更多相关文章

//加载一个图集 Laya.loader.load("res/atlas/comp.json",Handler.create(this,this.onLoaderComp), Handler.create(this,this.onProgress),Laya.Loader.ATLAS); } private onProgress(percent:number):void{ console.log("progress:",percent); } private onL…
关于编辑器部分研究的不多,但基本能使用.最近时间不是很多,因此写blog的次数越来越少了.自从玩了<保卫萝卜>时候一直想要写一下,同时练下手感.基本的结构已经写的差不多了,主要完善写UI和战斗.关于资源素材的问题要感谢下<保卫萝卜>,我用以前的一个apk版本破解后拿到的素材.申明:只用于练习使用.           CocoStudio 里面有UI编辑器,我是用的是V1.5版的.             使用CocoStudio做UI编辑确实很简单,也很精细.拖动按钮 图片就可以…
自从 2011 年 Mark Otto 和 Jacob Thornton 开发了  Bootstrap,我们第一次接触并熟知了 Bootstrap .这些都归功于  Twitter!从那以后,它就非常流行并且成为了最好的响应式框架之一.Bootstrap 帮助开发者快速高效的开启大量新的 web  项目,受到了广大开发者们的青睐. 为了照顾那些不是很熟悉 Bootstrap 但是又想继续深入了解的开发者,我们在这里简单的介绍一下.Bootstrap 是一个 pre-styled 组件的扩展库,有…
详细教程:http://www.cocoachina.com/bbs/read.php?tid=161567 Table of Contents 1 游戏中的 UI 1.1 基于 Cocos2d-x 的 UI 使用现状分析 1.2 如何在游戏中使用 CocoStudio UI 框架 1.3 CocoUI 框架基本组成 2 CocoUI 框架 1 游戏中的 UI CocoStudio 是专门针 对 Cocos2d-x 而设计的一套可视化编辑工具,它能与Cocos2d-x 无缝的集成.对美工而言,可…
由于是引用别人的,所以直接贴上地址了.http://www.cocoachina.com/bbs/read.php?tid=164820&fpage=7 1 游戏中必不可少的 UI 元素     一个成功的游戏离不开友好的用户体验,而用户体验则取决于功能是否合理,界面是否美观等因素,除了游戏的核心玩法之外,游戏中的各种“配置功能”也是必不可缺的,更准确的说,游戏中存在那么些必不可少的 UI 元素.  上图所示是近期非常火爆的游戏<乱斗堂>的截图,内容是其“配置界面”,如果要实现这样一个…
本篇教程通过制作捕鱼达人的启动界面来说明CocoStudio UI编辑器的用法.先看看效果图 好了,下面一步一步的动手做吧! 1.打开软件 2.新建项目 依次打开软件主界面左上角菜单栏的:“文件”-->“新建项目”,弹出窗口如下图 输入项目名称和保存路径,点确定 3.导入UI资源 可以导入文件或文件夹 成功导入后,在“资源”视图会列出导入的文件,由小图组成的大图(含.plist文件的图)会列出小图,大图直接不能使用,也不会列表中出现. 4.制作背景 到此背景层添加完毕 5.添加捕鱼达人的图标 参…
ylbtech-Bootstrap-Other:UI 编辑器 1.返回顶部 1. Bootstrap UI 编辑器 以下是 15 款最好的 Bootstrap 编辑器或者是在线编辑工具. 1. Bootstrap Magic 这是一个 Bootstrap 主题生成器,使用最新的 Bootstrap 3 版本和 Angular JS 版本,提供一个鲜活的用户修改预览.它包括了各种各样的导入,一个颜色选择器和智能的预先输入.更神奇的是,Bootstrap 会根据用户的每个选择来重新建立框架,方便用户…
1 c++包含路径 2九宫格设置 cocostudio ui编辑器设置九宫格x,y,w,h是从图片左上角开始测量,然后调整尺寸就行了. 2.  如果点了自适应  panel会在加载json的时候被设置成屏幕的大小 这样会出现位置不对的情况,所以如果希望手动调整panel.x,y=winSize.width/2,在中间弹出的话,得把自适应分辨率的去掉 3.设计panel的时候画布大小改成和panel大小一样的,并把自适应分辨率去掉.…
日志-2015/03/16 描述:在程序使用UI编辑器导出文件的时候,该panel中大于panel的部分都没有显示出来,例如人物,一些特效等 原因:UI编辑器panel都勾上了裁剪 解决:在编辑器中把裁剪的选项勾去掉,即可…
Bootstrap带来了设计革命,本文介绍的四种免费Bootstrap在线设计工具,可视化所见所得设计网页,然后输出Html/CSS代码,其中有些甚至可以实现拖曳,也有可以设定自己的主题模板Theme. 1. Layoutit LayoutIt通过使用我们的拖放界面生成器帮助您简单快速地创建Bootstrap前端代码.它陈列出Bootstrap的每个元素和组件,你只需要用鼠标拖曳到页面上即完成设计,让您的前端编码更容易,不需要你是javascript,HTML5或CSS3的专家.所有的设计可以是…
本文地址:http://www.cppblog.com/zdhsoft/archive/2014/07/19/207715.html 笔记汇总:http://www.cppblog.com/zdhsoft/archive/2014/07/15/207659.html cocos2dx不仅是有框架,还提供了一个编辑器,能够对动画.UI.骨骼动画和场景编辑的功能. 使用这些工具,大大缩短了用cocos2dx开发周期.但总的来说,操作并非非常方便,可是有总比没有强! 下载地址:http://cn.co…
1. BootSwatchr BootSwatchr 是由 Drew Strickiand 独立开发和维护的,是唯一支持从右到左语言显示的 Bootstrap 自定义构建工具,这也是它的特色之一.BootSwatchr 是个可视化的工具,可以从底层开始创建 Bootstrap 主题. 2. Bootstrap Live Editor Bootstrap Live Editor 是个所见即所得的构建 Bootstrap 的编辑器.在 Bootstrap 准备好的内容和代码片段的基础上提供一个又好又…
一.控件 控件基类 UIWidget:所有UI控件的基类 addChild:添加UIWidget类型的节点 addRenderer:添加CCNode类型的节点 所有UIWidget,都可以设置成触摸setTouchEnable(true) setTouchEnable(true) addTouchEventListener(CCObject* target,SEL_TouchEvent selector):设置触摸处理setName:设置名字getRect:获取尺寸 scale9:9宫格相关东西…
有坑! 1. 使用 (1)点击动画模式按钮,进入动画模式 (2)[关键1]左下角动作列表,右键添加动画 (3)[关键2]渲染区选择要动画的控件,右键编辑动画 * 可以看到最下面多了关键帧 (4)在右边关键帧右键添加帧,同时可以改变控件的位置 (5)所有帧加起来就是该控件的动画了,点击播放Over!…
1.1.   为图片添加九宫格信息 在UI编辑器中添加一张图片 使用Photoshop打开这张图片 放大这张图片,使用切片工具,选取LeftTop(左上角固定不变的位置) 双击切片,找到尺寸信息 将尺寸信息填入图片九宫格信息中(PS:为了方便截图,把属性窗口移到文件视图旁边) 选取RigthTop(右上角固定不变的位置) 填入RightTop信息 选取LeftBottom(左下角固定不变的位置)   填入LeftBottom信息 选取RightBottom(右下角固定不变的位置)   填入Rig…
笔者介绍:姜雪伟,IT公司技术合伙人,IT高级讲师,CSDN社区专家,特邀编辑,畅销书作者,已出版书籍:<手把手教你架构3D游戏引擎>电子工业出版社和<Unity3D实战核心技术详解>电子工业出版社等. CSDN视频网址:http://edu.csdn.net/lecturer/144 最近在开发项目时,面临着UI的选型,以前使用的是NGUI或者UGUI,最近看网上关于FairyGUI的介绍,正在考虑使用FairyGUI用于项目开发中UI的制作.编辑器以及UnitySDK下载地址:…
本文由云+社区发表 使用一个简单的游戏开发示例,由浅入深,介绍了如何用Laya引擎开发微信小游戏. 作者:马晓东,腾讯前端高级工程师. 微信小游戏的推出也快一年时间了,在IEG的游戏运营活动中,也出现了越来越多的以小游戏作为载体运营的活动类型,比如游戏预约,抢先试完等等,都收到了非常良好的效果. 在支持微信小游戏的游戏引擎中,Cocos,Egret,Laya都对小游戏的开发提供了很多强大的支持.前段时间正好抽空研究了一下这块的内容,现做一个总结,针对如何使用Laya引擎开发微信小游戏给大家做一下…
Laya IDE 快捷键: ctrl+p 快速打开文件,fb中对应的是ctrl+shift+G ctrl+d 删除一行 ctrl+shift+o打开符号 alt+shift+下箭头 复制一行 alt+上下箭头 上下移动一行: Alt+Up 或 Alt+Down 代码换位置 UI编辑器里 ctrl+箭头可以切换层级…
第一是性能统计工具,这是LayaAir引擎内置的性能统计工具,在代码加入Laya.Stat.show(); 引擎内置的性能统计工具 打开这个工具后,可以用于观察性能,除了FPS越高越好外,其它的值越低越好.这里尤其要关注DrawCall数量,这是重要的优化指标,尽量要控制在100以下. 第二是DebugPanel调试工具,这也是LayaAir引擎自带的调试工具,类似DIV调试窗口,可审查页面中的各个子元素,通过查看与修改元素属性,以及查看重绘区,可以方便项目的优化与调试.在初始化舞台后通过Deb…
laya篇 1.laya的资源会自动打包可手动设置,在view编辑界面 2.laya的界面编辑器用的是mornUI,所以是xml解析成view的 3.laya的事件均继承dom事件 4.sprite的宽高默认为0,所以监听不到任何事件,只能通过size更改宽高,或设置autoSize=true,或设置hitArea点击区域方式 5.laya创建视图流程编辑界面新建ui页面CommonView->F12导出->新建类继承CommonView,注意在layaUI.max.all.ts文件里会自动添…
概述 Vim是一个类似于Vi的著名的功能强大.高度可定制的文本编辑器,在Vi的基础上改进和增加了很多特性.VIM是纯粹的自由软件. Vim普遍被推崇为类Vi编辑器中最好的一个,事实上真正的劲敌来自Emacs的不同变体.1999 年Emacs被选为Linuxworld文本编辑分类的优胜者,Vim屈居第二.但在2000年2月Vim赢得了Slashdot Beanie的最佳开放源代码文本编辑器大奖,又将Emacs推至二线, 总的来看, Vim和Emacs同样都是非常优秀的文本编辑器 发展历程 Vim是…
来源:http://4137613.blog.51cto.com/4127613/1352805   CocosBuilder CocoStudio 控件种类 支持大部分cocos2d-x自带的常用控件.但对很多常用高级控件没有支持,比如输入框,滚动列表,进度条等 开发了一套和cocos2d-x之前的控件功能类似的控件,自成体系,常用控件上比CocosBuilder支持的更完备,输入框,滚动列表,进度条都支持,很多控件可以开启九宫格做优化 裁剪 不支持 支持 按键回调 支持 支持 UI动画 支持…
打开CocoStudio UI编辑器新项目,设置画布480*320, 加入�一个标签和一个button控件 导出项目,生成所须要的资源文件, 拷贝到cocos2dprojectResources文件夹下 添�代码: 头文件: #include "cocos2d.h" #include "cocos-ext.h" USING_NS_CC; USING_NS_CC_EXT; using namespace ui; 载入cocostudio资源创建控件 _touchgro…
在QT Creator UI编辑器上通过拖拽各种控件产生UI界面,然后点击编译/Build按钮,会自动生成对应的ui_xxxx.h的 头文件/header file. 参考: 1.Linux上使用Qt Creator进行C/C++开发 2.在你的QT工程中使用ui文件…
准备工具 Cocos 引擎当前最新版本:v2.3.3       官网下载地址: http://www.cocos.com/download/ 前述:cocos自带UI编辑器在最新的版本有了很大的改动,整合了动画相关成为一个新的引擎工具.甚至用法都做了相当改变,这里简单讲几个常用的实现. UI项目 一.新建 用Cocos Studio工具新建一个状态栏项目.如下图: 二.预览 在新的编辑器,可以轻松看到效果,选中MainScene.csb,同时点击如下调试按钮即可看到效果. 下图中 在编辑器的左…
服务器操作: 1.配置nfs: # vim /etc/exports /home/nfsroot *(insecure,rw,no_root_squash) mkdir -pv /home/nfsroot 1.安装nfs # rpm -qa |grep nfs # yum -y install nfs-utils portmap # systemctl start nfs.service # systemctl status nfs.service 盒子操作: 1.用telnet协议连接盒子(盒…
打算写一个DirectUI库,在写其中底层窗口的回调构造的时候遇到一个问题. Invoker是一个模板,因为closure的关系,它必须保存一个类对象的指针,和回调函数的地址.而函数调用的时候,就可以用一个通用的接口invoke就行了. 接口的声明如下: class IOperation { public: virtual ~IOperation() {}; virtual void Invoke(IUIWnd* wnd, const EventArg& arg) = 0; }; 回调函数调用的…
原帖地址:http://blog.csdn.net/musicvs/article/details/28390617 近期发现不少朋友都遇到这个问题,用Cocostudio的UI编辑器创建好UI后,在代码中载入UI.然后给button(Button)加入点击监听事件,发现不管怎样都点击不了button,没有不论什么反应. 或者,往button的以下一些位置点击,却发现button被点击了.点击坐标的位置明显和button的位置有偏差. 笨木头花心贡献,啥?花心?不呢.是用心~ 转载请注明,原文地…
cocos2dx有一个编辑器:cocostudio.眼下来说,已经是比較好用了.仅仅要载入导出的资源.就能够用上了.省去手动搭建面的麻烦. 可是.非常多须要事件的地方,操作比較麻烦,所以这里提供一个事件管理器来集中和简化管理事件. 对于C++事件托付方面.我这里使用了是FastDelegate(注:一个牛人写的).以下是详细实现的代理,不多. /* UI触摸事件管理器. 原有cocos2dx带的触摸事件,每次监听要操作的步骤比較多,为此添加了一个事件管理器.来集中和简化管理 */ #ifndef…
这篇的内容非常easy,获取UI控件,然后使用它. 还记得我们在UI编辑器中给三个button分别命名了吧? 如今要用上了. 笨木头花心贡献,啥?花心?不呢,是用心~ 转载请注明,原文地址: http://www.benmutou.com/blog/archives/918 文章来源:笨木头与游戏开发 依据名字查找控件 首先给TollgateScene再include一些头文件,不然等会编译又报错了: #include "editor-support/cocostudio/CCSGUIReade…