木匣子

Web/Game/Programming/Life etc.

露骨的骨骼动画透明效果

技术背景:cocos2d-x 游戏开发,骨骼动画

骨骼动画是现代游戏中十分常用的技术。相比关键帧动画,可以节约大量的数据资源,调整起来也比较容易。而且它可以借由CPU计算力实现补间与混合,从一个动作平滑的切换到另一个动作。

然而,由于骨骼动画是由多个不同的关节分层构建而成,这导致了一个问题。当一个人物由不透明渐变到透明的过程中,每个骨骼独立变化至半透明,这时每个骨骼将一览无余。虽不至于毛骨悚然,但着实不太美观。为了更清楚说明这个效果,可以参看这个演示左边的例子。

也不是所有游戏都会涉及到整个骨骼的透明度变化,但在清理地面上的死亡角色时的,这通常是较简单做法。所以为了让骨骼比较“好”地从屏幕上消失,我试图寻找一种可用的方法。

用 DragonBones for Cocos2d-x 实现帧动画

本文所使用的 Cocos2d-x 和 Cocos2d-html5 版本均为 2.2.2

美术组对骨骼动画提出了一个需求,希望能用 DragonBones 实现定格效果,而不是每帧都自动产生补间。

经过一翻搜索,我在这里找到了一个方法,只需要在骨骼的关键帧上使用 ^ 标签就可以取消骨骼动画的补间。实际上 DragonBones 的 wiki 上就有这么一行说明,被我略过了。

心形表白代码

情人节的时候,在推特上看到了一个很神奇的代码,整个代码构成了几颗心的形状。既然是代码,当然可以运行咯。将其复制到浏览器的 console ,执行后弹出对话框:I love you.

真是太酷了有木有,通篇只用了 $=~[];{_+,:!"\. 这几个符号,连数字都没有出现,居然可以实现文字弹窗!

Feb 9, 2014

Utilities

Direct.ly

Files in your hands
Easy Sharing and Simple Collaboration

My team leader asked me for any app by which can show his sketches in iPhone or Android phone instantly, in order to understand the color in different devices. Fortunately, I discovered Direct.ly in tweets from @appinn and found it meet his need perfectly.

键盘快捷键

全局

?
快捷键帮助
/或⌘K
搜索
gh
首页
ga
归档
gt
标签
gc
分类
gg
回到顶部
G
跳到底部
h
较新一篇 / 上一页
l
较旧一篇 / 下一页
Esc
关闭弹窗

文章列表首页、归档、标签、分类

j
选中下一篇
k
选中上一篇
o或Enter
打开选中的文章

阅读文章和其他页面

j
向下滚动
k
向上滚动
yy
复制本页链接
c
跳到留言