首页
学习
活动
专区
工具
TVP
发布

cocos2d-js V3.0 V3.1使用DragonBones

DragonBones是Adobe支持的一个开源项目,用于制作和播放骨骼动画,官网地址是:http://dragonbones.effecthub.com/。...DragonBones提供了Flash的插件,用于生成骨骼动画文件,称为DragonBonesDesignPanel,结合Flash和DragonBonesDesignPanel可以很方便的完成骨骼动画制作...相对而言,DragonBones在制作上比Cocos Studio的动画编辑器更方便,也更符合设计师的使用习惯,因为大部分设计师都有Flash使用经验。...分享给大家: 只需要按照DragonBones的制作规范制作动画,再使用修改版的DragonBonesDesignPanel,就可以轻松在cocos2d-js加载DragonBones骨骼动画。...armature.getAnimation().play("stand"); armature.getAnimation().setSpeedScale(24/60); 播放

1.6K30
您找到你想要的搜索结果了吗?
是的
没有找到

cocos2d-js 和 createjs 性能对比(HTML5)

cocos2d-js除了做native游戏外,还可以用来做HTML5游戏/动画,那么它跟adobe的createjs框架比较会怎么样呢?...1背景,上排5个小人播放SpriteSheet动画(14帧位图轮播),下排5个小人不断做旋转和缩放。其中小人是带透明的png,尺寸为85*121px。...canvas.height / 3; man.play(); stage.addChild(man); } 由于播放动画都需要不断的替换贴图...单纯比较在canvas 2d上的渲染来说,createjs和cocos2d-js不相伯仲,没太大区别,尤其在手机(Android)上基本都是废物,手机的canvas2d游戏/动画只能尽量避免全屏重绘,减少每帧的变化...再考虑框架的附加能力方面,cocos2d-js框架提供的UI编辑器、粒子系统、骨骼动画、瓦片地图等等,都是createjs这个轻量级选手不具备的,createjs只能从零开始,一切都得靠开发者自行实现。

2.1K40

Qt动画播放之QMovie类

主要是用到QMovie类 实现在事件触发时开启动画播放效果(需要注意的是,这个动画播放默认是循环播放的,如果不做特殊处理动画会一直播放) QMovie *movie = new QMovie("aaa.gif...类简介: 1、指定播放的文件 利用构造函数在初始化的时候,指定要播放的文件; 利用setFileName(QString)来指定播放的gif文件 2、QMovie的一些常见属性设置 gif文件的帧数...,也可以管理movie的信号frameChanged(int)来获取; 获取gif文件当前的播放速度: int speed() const; 设置gif文件当前的播放速度: void setSpeed...(int percentSpeed); 要注意的是参数是一个百分整数,即最后的播放速度 = 参数值 * 0.01;如果要设置为2倍播放速度,那么参数应该是 200; 获取当前播放动画的文件路径...QString fileName() const; 获取当前播放动画的循环次数 int loopCount() const; 如果动画播放属性是一直循环播放,则返回的循环次数就是一个 -1

1K30

JS:指定FPS帧频,requestAnimationFrame播放动画

Flash制作动画,最基础的概念就是帧,但在Flash中,帧频的控制比较简单,只需要编译前指定一下目标帧频就可以了。...实际运行时,不需要我们关心定时器的问题,flash player会定时触发EnterFrame消息,推动Movieclip播放。 在js这一侧,需要我们设定一个定时器,并推动相应的绘制逻辑执行。...成熟做法: 引入requestAnimationFrame,这个方法是用来在页面重绘之前,通知浏览器调用一个指定的函数,以满足开发者操作动画的需求。 这个函数类似setTimeout,只调用一次。...但是,这样完全跟浏览器帧频同步了,无法自定义动画的帧频,是无法满足需求的。 接下来需要考虑如何控制帧频。...1000 / fps); } tick(); 这种做法,比较直观的可以发现,每一次setTimeout执行的时候,都还要再等到下一个requestAnimationFrame事件到达,累积下去会造成动画变慢

3.6K20

使用离散式关键帧播放动画

这篇文章介绍离散式关键帧,并使用它做些有趣的动画。 1....DoubleAnimationUsingKeyFrames包含一个关键帧的集合,动画开始后,每当达到某个关键帧指定的Time,动画的值也会同时到达这个关键帧指定的Value。...用DiscreteDoubleKeyFrame播放动画 DiscreteObjectKeyFrame是最常用的离散式关键帧,UWP还提供了其它三种离散式关键帧:DiscreteColorKeyFrame...checkStoryboard.Begin(); } 在CodeBehind的OnChecked函数中启动一个Storybord,使用DiscreteDoubleKeyFrame让Image在一秒内向左平移100像素,这样就达到了播放动画的效果...LikeButton的动画抄自Codepen,在CSS中离散动画实现起来很简洁: .heart { width: 100px; height: 100px; background: url(

70720

css点击控制动画暂停播放

水杯注水动画示例 当前好多使用到css动画的场景,并且需要鼠标控制动画播放或暂停,如上图所示,点击水龙头时出水,松开鼠标停止出水,保持停止时的状态。...接下来要介绍的便是一种脱离JS,使用纯CSS属性来写动画并控制播放暂停。 实现 1. 本案例效果 ? 本案例效果 2....需求描述 动画默认暂停状态; 鼠标按下,动画开始;鼠标松开,动画暂停; 鼠标再次按下,从上一帧暂停处继续完成动画,松开再次暂停; 动画完成后状态停留在完成帧,且无论点击与否都不再播放动画。 3....在CSS中添加动画 .bollbox{ border-bottom: 3px solid #ccc; border-right: 3px solid #ccc; width:...小结 本案例主要用到了CSS3的几个动画属性,如animation-play-state、animation-fill-mode等,合理的运用这些简单的CSS便可以完成一些有意思的效果,下期再见。

1.8K30

Android PowerImageView实现,可以播放动画的强大ImageView

一般动态图片都是GIF格式的,浏览器中可以直接将这种格式的图片播放动画。 不过很可惜的是,Android的原生控件并不支持播放GIF格式的图片。...,就调用playMovie()方法播放GIF动画 playMovie(canvas); invalidate(); } else { // 不允许自动播放时,判断当前图片是否正在播放...GIF动画播放完成返回true,未完成返回false。...注意,这个方法是有返回值的,如果当前时间减去动画开始时间大于了动画持续时间,那就说明动画播放完成了,返回true,否则返回false。...现在将auto_play属性指定成true后,PowerImageView上就不会再显示一个播放按钮,而是会循环地自动播放动画。现在重新运行一下程序,效果如下图所示: ? 怎么样?效果还不错吧。

1.4K50

HTML5骨骼动画Demo | 使用min2d、createjs、pixi播放spine动画

createjs 这是HTML5动画引擎比较好用,也比较小的一个,如果项目纯碎为了播放骨骼动画,而不是一个游戏,强烈推荐用这个。缺点是对webgl支持不好,官方也没什么动作去做好webgl的支持。...因为这是我暂时自娱自乐做的动画/游戏引擎,目标是做极简的webgl/canvas2d图形库,抛弃一切纷繁复杂的功能,只保留最核心的动画播放。...混淆后只有13KB,而createjs达到100+KB,PIXI是287KB,更不用说白鹭引擎和cocos2d-js了,相对而言,他们就是巨无霸。...整个思路跟createjs类似,但我做了一层封装,所以播放spine动画会相对简单一些。...使用步骤: 引入pixi、pixi-spine load json new PIXI.spine.Spine state.addAnimationByName播放动画 逐帧重绘(pixi没有提供现成的定时器

4.9K51

Android自定义View播放Gif动画的示例

如果项目赶时间或者自定义原生动画太麻烦,GIF都是一个很好的选择,相比于最新的WEBP格式的动画,也有更好的兼容性(毕竟已经出现很多年了)。...关于图片加载我一直用的是Google推荐的 Glide ,图片加载和缓存都做的很好,同样也支持GIF动画。不过Glide默认就是循环播放Gif,没有开放相关的接口来控制Gif。...分析 除了第三方的库,Android自带的类 android.graphics.Movie 也可以用来加载播放Gif动画,而且实现起来很简单。...以上就是Movie平常会用到大部分方法,下面就利用这些自定义VIew实现播放Gif动画。...像播放视频一样播放Gif动画 这部分是我在写完GifView后想到的一点进阶功能,既然我们已经实现了播放和暂停,即能控制在某个时间点播放指定的Gif图片帧,如果再加入进度条,快进等功能,那么不就能做到和视频播放器一样的功能了吗

1.9K10

css3动画如何解决动画播放、暂停和重新开始

0921自我总结 css3如何解决动画播放、暂停和重新开始 一.解决的本质思路 播放的解决思路 先定义好动画效果通过类名的增加达到样式的出现 暂停的解决思路 我们播放动画时,如要暂停动画,就要用到animation-play-state...animation-play-state属性有两个值: paused: 暂停动画; running: 继续播放动画; 当然去掉animation-play-state,也可以继续播放动画。...重新开始解决思路 播放与重新开始的解决办法 对于元素取多个类名,通过类名的删除,替换 注意点:这里不能删除和添加类名为同一个,而且动画要同一效果,不同动画名称.不然动画效果无法重置 二.演示代码 播放 暂停 重新开始

1.2K20

奎特尔星球入侵指南

Shawn在奎特尔星球上呆了有大半年了,再加上之前在奎特尔的兄弟星球cocos2d-js上开垦了三年,略有心得,愿与你分享。...Creator图形编辑器,掌握常见的ui布局思路和策略 组件编程,熟练使用creator提供的系统组件,实现常见UI功能 在系统组件上进行扩展或组合,编写出可扩展、通信性强的组件 音乐、音效、多语言 三、动画...了解creator提供的动画编辑器,掌握动画组件cc.Animation的使用 熟悉粒子组件,会编辑修改,能通过代码粒子的属性和播放 熟练cocos action动作API 多节点的动画、动作控制,异步动画编程...如果是从web前端转做creator的话,js语言就不多说了,建议多学习下面向对象编程,将火力集中在UI开发上和动画方面,能有输出后,根据项目需要学习其它内容。

64430
领券