不得不说cocos2d-js的文档实在是少,骨骼动画的载入和C++版本的好像还有些不同不能直接依样画葫芦. 一个由cocos studio编辑生成的骨骼动画一般会包含如下几个文件: .ExportJson文件 .plist文件 .png文件 ExportJson文件包含了骨骼动画的动作和所要用到的资源的名称,plist文件负责切分png图片的各个区域形成逻辑上的一张张图片,其实是把要用的图片打包的单个png文件中,然后把原来的文件名称和区域信息记录到plist中.ExportJson中包含了对p

近期使用了cocos动画中的骨骼动画,这里记录使用的两种方式(3.10版): 一.cocos自带的动画编辑器导出的动画 ccs.armatureDataManager.addArmatureFileInfo(res.mascot_1_json); var wolfAnimation = new ccs.Armature("niu"); wolfAnimation.setScale(1.0); wolfAnimation.setPosition(cc.p(size.width * 0.5

1.添加动画缓存 //添加动画缓存 cc.spriteFrameCache.addSpriteFrames(res.bug_plist); this.spriteSheet = new cc.SpriteBatchNode(res.bug_png); this.addChild(this.spriteSheet); 2.初始化动作(参数1表示运行每一帧的时间间隔) //初始化动作 var animFrames = []; for (var i = 1; i <= 2; i++) { var st

var spriteCache = cc.spriteFrameCache;spriteCache.addSpriteFrames(res.fireworks_plist,res.fireworks_png);var sp=cc.Sprite.create();sp.setPosition(cc.p(size.width*0.75,size.height*0.9));//使用SpriteBatchNode可以让反复加载帧时只渲染一次,只从内存中取出var spriteBatchNode= cc.

与动作密不可分的还有动画,动画又可以分为场景过渡动画和帧动画.场景过渡动画我们在以往介绍过,这一个我们只介绍帧动画.帧动画帧动画就是按一定时间间隔.一定的顺序.一帧一帧地显示帧图片.我们的美工要为精灵的运动绘制每一帧图片,因此帧动画会由很多帧组成,按照一定的顺序切换这些图片就可以了.在Cocos2d-JS中播放帧动画涉及到两个类:cc.Animation和cc.Animate,类图如下图所示,cc.Animation是动画类,它保存有很多动画帧,cc.Animate类是动作类它继承于cc.Act

其实总体自定义UI组件都比较简单,尤其是cocos2d-js是开源的,如果有什么不明白的直接看js代码或者C++代码即可.当然js代码基本就够了. 另外,js的ctor函数虽然说是构造函数,但毕竟不是flash或者c++的构造函数,这只是一个普通函数,也就是说可以不在第一行默认调用,这就给扩展带来了不少方便. 现在想做一个声音按钮,点一下能关闭音乐,再点一下又能打开.当然就是MenuItemToggle了. 但想做得再炫一点,有声音的时候,按钮的样子能有几个音波的变化.那么就需要用MenuIte

封装创建方法 var RunActionHelper = function(){ };RunActionHelper.prototype.createAnimationByPlist = function(frames, time){ var animation = cc.Animation.create(frames, time); var animate = cc.animate(animation); return animate;};RunActionHelper.prototype.c

1.resource.js var res = { playerWalk_plist:"res/playerWalk.plist", playerWalk_png:"res/playerWalk.png" }; var g_resources = []; for (var i in res) { g_resources.push(res[i]); } 2.app.js var HelloWorldLayer = cc.Layer.extend({ sprite:nu

本教程主要通过搭建一个横版摇杆八方向移动的实例,让大家如何用Cocos2dx-Js来做一款游戏,从基础了解Cocos2dx-Js的基本实现原理,从创建工程,到各个知识点的梳理. 教程分为上下两讲: 上讲有2个小节: 1,工程的创建: 2,Cocos2dx-Js目录及Cocos2dx运行原理: 下讲有2个小节: 1,Cocos2dx-Js的事件处理机制: 2,摇杆的.八方向.精灵移动的实现: Js环境搭载传送门: [Cocos2d-Js基础教学(1)JS -Mac配置篇] 轻松搭建完后,开始用JS

代码目录结构 cocos2dx里骨骼动画代码在cocos -> editor-support -> cocostudio文件夹中,win下通过筛选器,文件结构如下.(mac下没有分,是整个一坨) armature(目录): animation(目录):动画控制相关. CCProcessBase(文件): ProcessBase(类):CCTween和ArmatureAnimation的基类. CCTWeen(文件): Tween(类):控制flash里一个layer的动画. CCArmatur

[转]http://blog.csdn.net/et_sandy/article/details/41415047 环境: win7 64位 Cocos2d-JS v3.1 Cocos Code IDE v1.0.0.Final 本文介绍的方法比较随意,另官方也有规范的教程:http://www.cocos2d-x.org/docs/manual/framework/html5/v2/customize-loading-screen/zh 在非web上进行测试,web版的话大家自己改改,本文后面

[转]http://blog.csdn.net/realcrazysun1/article/details/43054229 A*算法的东西网上讲了很多~但还是不可避免的要去研究一下,cocos官网上有一个cocos2dx版本的A星算法(cocos2d-x A星算法),正好拿来改造一下,顺便踩踩cocos2d-js的坑 原理和伪代码部分可以参考这个(A*算法伪代码)废话不多说,直接上正题. 主要有2个封装原型类: 1.GameLayer:负责加载地图.保持地图跟随.坐标转换.地图上物品判断.接受

Spine做骨骼动画是比较流行的,使用起来可能相对复杂,但功能毕竟强大,所以市场占有率较大. 在unity.cocos2d.starling中使用spine已经很成熟了,而HTML5这一块可能刚刚起步,暂时spine对这一块也没有做得非常完善. 整理了一下,找了一些比较好的方法,分享一下. createjs 这是HTML5动画引擎比较好用,也比较小的一个,如果项目纯碎为了播放骨骼动画,而不是一个游戏,强烈推荐用这个.缺点是对webgl支持不好,官方也没什么动作去做好webgl的支持. 代码比较复

今年基本都淡出了cocos2d-js的开发,更多集中在普通H5应用上,还有自己的Fanvas组件(http://code.tencent.com/),做canvas动画. 不过,最近回头一看WebGL的消息,发现两个大好事. 一个呢,就是随着大家有钱起来,街上用iPhone 6.6s的人越来越多了,ios 9的覆盖率也越来越高.ios 9代表什么呢?代表强有力的支持webgl啊. 另外,Android方面也有好消息.Android在H5这一块一直跟不上时代,或者准确说是跟不上时代的国内Andro

本教程视地址频在: 九秒课堂 完全免费 从接触Cocos2dx-Js以来,它的绽放的绚丽让我无法不对它喜欢.我觉得Js在不断带给我们惊喜:在开发过程中,会大大提升我们对原型开发的利用率,使用Js语言做游戏开发,使游戏可测试性更加强大,但很多人觉得Cocos2d-Js引擎是一门很沉重的语言,里面的API非常深,这其实是错误的理解,Js对自身语言的扩展,对其他语言的通讯支持,都是非常强大的.目前官方对API的整合分为了Cocos2dx-Js和Cocos2dx-Js-Lite版本:   试想一下,在H

1.概述 游戏中人物的状态会发生改变,而这种改变通常要通过局部的变化来表现出来.比如获得一件装备后人物形象的改变,或者战斗中武器.防具的损坏等.这些变化的实现就要通过动态换肤来实现. 2.运行到程序 运行脚本,创建一个新项目.将导出文件复制到Resource中. 修改init的代码: bool HelloWorld::init() { ////////////////////////////// // 1. super init first if ( !Layer::init() ) { ret

1.概述 使用cocoStudio可以方便的制作动画,接下来的工作就是在我们的程序中使用制作的动画.这篇中,我将使用程序将两个动画连接起来 2.关联到项目 运行脚本创建我们的项目,将导出的动画.UI放到Resource文件夹中,然后重写init方法. bool HelloWorld::init() { ////////////////////////////// // 1. super init first if ( !Layer::init() ) { return false; } Size

什么是游戏的导演 具体来说,Cocos2d-JS中的导演是一个对象,它负责设置游戏的运行环境,控制游戏的住循环并且管理场景和场景的切换. 导演的任务 Cocos2d-JS中导演对象名为:cc.director.下面是它主要的任务: 环境设定 首先,在进入游戏之前,导演对象会设置游戏的运行环境: 设置显示游戏的视图,包含视图的投射,像素格式,等等. 设置游戏运行帧率. 为当前导演对象初始化计时器,动作管理器和事件管理器. 为当前导演对象初始化贴图缓存和渲染器. 导演对象的其他设置 执行主循环 视频

Cocos2d-JS提供了一个音频CocosDenshion引擎.具体使用的API是cc.AudioEngine.cc.AudioEngine有几个常用的函数:playMusic(url, loop).播放背景音乐,参数url是播放文件的路径,参数loop控制是否循环播放,缺省情况下false.stopMusic().停止播放背景音乐.pauseMusic().暂停播放背景音乐.resumeMusic ().继续播放背景音乐.isMusicPlaying().判断背景音乐是否在播放.playEf

感谢大家一直以来的支持! 各大商店均开始销售:京东:http://item.jd.com/11659698.html当当:http://product.dangdang.com/23659808.html<Cocos2d-x实战 JS卷 Cocos2d-JS开发>源码及样章下载地址:源码下载地址:http://51work6.com/forum.php?mod=viewthread&tid=1197&extra=page%3D1样章下载地址:http://pan.baidu.c