有段时间没有写游戏代码了,这回来主要任务是要用jsb构建一个aprg动作游戏,看到3.0官方已经绑定好了armature的js函数,先来体验一把

3.0新建项目比2.2方便了很多,在终端运行tools下的create_project.py, 出现新建项目的图形界面!  赞

新建好一个js项目,像住场景添加一个龙骨动画:(记得在appdelegate.cpp中导入相关的绑定头文件,然后register...)

ccs.ArmatureDataManager.getInstance().addArmatureFileInfo("res/d3.png", "res/d3.plist", "res/d3.xml");
armature = ccs.Armature.create("demo");
...
this.addchild(armature);

  

ok,龙骨的动画显示出来了;

一个点击播放一个动作,手有点生了,点击响应要先在layer的继承类的ctor中:this.setTouchEnabled(true);

然后就可以在类中使用 onTouchesBegan和onTouchesEnded函数了;

Armature的基本使用:

ccs.ArmatureDataManager.getInstance().addArmatureFileInfo()  当导入cocostudio类型文件时(只需一个.ExportJson文件参数),当导入龙骨时(三个参数, png, plist, xml)
create(class_name) 传入类名来生成动画实例
getAnimation().playWithIndex(n) 从第n个动作开始播放;
++i; i = i% armature.getAnimation().getMovementCount(); armature.getAnimation().playWithIndex(i,10);在点击事件中用这个方法可以逐个播放所有动作:
getAnimation().setSpeedScale(f) 设置动画的播放速度
armature.init("Knight_f/Knight"); 等同与create+playerWithIndex ?
setZOrder(n) 改变动画的所在层级;
getAnimation().play(name,n) 播放动作名为name的动作, n参数很有用,设置两个动作间自动补间的帧数,让动作看起来更平滑;

Armature可以监听动作事件,设置某个动作事件时触发回调动作,例如:

getAnimation().setMovementEventCallFunc(this.animationEvent,this);  //为Armature添加一个事件监听

animationEvent:function (armature, movementType, movementID) {   //当事件loopComplete发生时触发下一个动作;
if (movementType == ccs.MovementEventType.loopComplete) {
if (movementID == "Fire") {...}}}

  

几个预定义的事件: boneFrameEvent/complete/loopComplete/movementChange/movementFameEvent/start

Armature也可以监听帧事件,设置某个帧事件时候触发回调动作,例如:

armature.getAnimation().setFrameEventCallFunc(this.onFrameEvent, this);

onFrameEvent: function (bone, evt, originFrameIndex, currentFrameIndex) {

}

  

添加骨骼,这里我们可以添加一个骨骼,设置它的表现(比如粒子光效),然后把它绑定在某个已有的骨骼上,这样光效就会跟随骨骼移动了

var p1 = cc.ParticleSystem.create("res/Particles/LavaFlow.plist"); //创建粒子
p1.setTotalParticles(50);var bone = ccs.Bone.create("p1"); //创建一个新的骨骼p1
bone.addDisplay(p1, 0); //为新骨骼添加一个表现
bone.changeDisplayWithIndex(0, true); //显示新骨骼的表现
bone.setIgnoreMovementBoneData(true); //?
bone.setZOrder(100);
bone.setScale(1.2);
this.armature.addBone(bone, "effect"); //将新的骨骼绑定到armature上的effect骨骼上,让新骨骼随effect骨骼运动;

  

修改骨骼的表现,实现换装效果

for (var i = 0; i < 7; i++) {
  var skin = ccs.Skin.createWithSpriteFrameName(weapon[i]); //创建skin对象
  this.armature.getBone("weapon").addDisplay(skin, i); //将skin对象添加到某个骨骼对象上
}
...
this.armature.getBone("weapon").changeDisplayWithIndex(this.displayIndex, true); //切换骨骼外观

  

3.0的绘图使用了新的api, 绘制出armature的碰撞边缘:

init:function(){
...
this.shape = cc.DrawNode.create(); //创建新画板
this.addChild(this.shape, 10); this.schedule(this.draw,2); //jsb下,draw函数是不会自动运行的
} draw:function () {
this.shape.clear(); //清楚上一帧的绘制
var size = cc.Director.getInstance().getWinSize();
var rect = this.armature.getBoundingBox(); //获取armature的边界
var rectArr = [ //将边界转为drawPoly所用的坐标
cc.p(rect.x, cc.rectGetMaxY(rect)),
cc.p(rect.x, rect.y),
cc.p(cc.rectGetMaxX(rect), rect.y),
cc.p(cc.rectGetMaxX(rect), cc.rectGetMaxY(rect))
];  
this.shape.drawPoly(rectArr, cc.c4f(0,0,0,0), 1, cc.c4f(0, 1, 0, 1)); //绘制图形,点与点之间顺序相连,第二个参数是填充,第三个是线粗细,第四个是边框
}

  

来张效果图:

cocos2d-x 3.0 Armature jsb 初体验的更多相关文章

  1. vue.js2.0 自定义组件初体验

    理解 组件(Component)是 Vue.js 最强大的功能之一.组件可以扩展 HTML 元素,封装可重用的代码.在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能.在有些情况 ...

  2. 阿里百川HotFix2.0热修复初体验

    博客原地址:http://blog.csdn.net/allan_bst/article/details/72904721 一.什么是热修复 热修复说白了就是"打补丁",比如你们公 ...

  3. AutoIt 3.0 操作之初体验(第一个脚本hello world)

    AutoIt 目前最新是v3 版本,它是一个使用类似BASIC 脚本语言的免费软件,它被设计用来进行Windows GUI(图形用户界面)的自动化测试.它利用模拟键盘按键,鼠标移动和窗口/控件的组合来 ...

  4. 【腾讯Bugly干货分享】基于 Webpack & Vue & Vue-Router 的 SPA 初体验

    本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57d13a57132ff21c38110186 导语 最近这几年的前端圈子,由于 ...

  5. 基于 Webpack & Vue & Vue-Router 的 SPA 初体验

    基于 Webpack & Vue & Vue-Router 的 SPA 初体验 本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com ...

  6. ASP.NET2.0组件控件开发视频 初体验

    原文:ASP.NET2.0组件控件开发视频 初体验 ASP.NET2.0组件控件开发视频 初体验 录了视频,质量不是很好,大家体验下.我会重新录制的 如果不清楚,可以看看http://v.youku. ...

  7. ASP.NET Core 3.0 上的gRPC服务模板初体验(多图)

    早就听说ASP.NET Core 3.0中引入了gRPC的服务模板,正好趁着家里电脑刚做了新系统,然后装了VS2019的功夫来体验一把.同时记录体验的过程.如果你也想按照本文的步骤体验的话,那你得先安 ...

  8. (一)SpringBoot2.0基础篇- 介绍及HelloWorld初体验

    1.SpringBoot介绍: 根据官方SpringBoot文档描述,BUILD ANYTHING WITH SPRING BOOT (用SPRING BOOT构建任何东西,很牛X呀!),下面是官方文 ...

  9. Django3.0 异步通信初体验

    此前博主曾经写过一篇博文,介绍了Django3.0的新特性,其中最主要的就是加入对ASGI的支持,实现全双工的异步通信. 2019年12月2日,Django终于正式发布了3.0版本.怀着无比的期待,我 ...

随机推荐

  1. SPRING IN ACTION 第4版笔记-第六章RENDERING WEB VIEWS-006- 使用thymeleaf(TemplateResolver、SpringTemplateEngine、ThymeleafViewResolver、th:include、th:object、th:field="*{firstName}")

    一.在Spring中使用thymeleaf的步骤 1.配置 In order to use Thymeleaf with Spring, you’ll need to configure three ...

  2. RxJava开发精要2-为什么是Observables?

    原文出自<RxJava Essentials> 原文作者 : Ivan Morgillo 译文出自 : 开发技术前线 www.devtf.cn 转载声明: 本译文已授权开发者头条享有独家转 ...

  3. HTTP访问控制(CORS)

    跨站 HTTP 请求(Cross-site HTTP request)是指发起请求的资源所在域不同于该请求所指向资源所在的域的 HTTP请求.比如说,域名A(http://domaina.exampl ...

  4. perl的输出缓冲

      今天写一个小脚本的时候,需要即时输出当前进度到命令行上,并即时将重要数据写入报告文件中.但是perl默认是有输出缓冲的,显示到命令行上必须以\n结尾才行,输出到文件中,回车了都不行,非得要等缓冲区 ...

  5. FileSystemWatcher使用方法

    FileSystemWatcher控件主要功能: 监控指定文件或目录的文件的创建.删除.改动.重命名等活动.可以动态地定义需要监控的文件类型及文件属性改动的类型. 1.常用的几个基本属性: (1) P ...

  6. php include include_once require require_once 的区别与联系

    一.require 与 include 的区别: The require() function is identical to include(), except that it handles er ...

  7. ununtu卸载软件

    sudo apt-get remove vim

  8. [转] POJ 题目分类

    转载来自http://www.cnblogs.com/kuangbin/archive/2011/07/29/2120667.html 初期:一.基本算法:     (1)枚举. (poj1753,p ...

  9. NuGet -- 使用控制台管理程序包

    为什么要使用控制台管理程序包而不使用程序包管理窗口?原因大家都懂,生活压力这么大,一切都只是为了装一波.开个玩笑,当然不只是此原因,在有些情况下,有些操作使用程序包管理窗口不能达到目的,只能使用控制台 ...

  10. RMAN综合学习之备份

    rman是最经济实惠的oracle备份工具,在这里做一个rman的整体学习. 文章中大多是rman命令的语法,还是最好做做实验,以便印象深刻,因为大多数数据库的备份就是按时跑脚本,恢复也不是经常能遇到 ...