彩程“龙门阵”
彩程新网站“龙门阵”模块新鲜出炉，猛击这里看效果，点击头像有惊喜……
什么是彩程“龙门阵”？
所谓“龙门阵”实际上是一个类似twitter的东西，大家可以把想说各种牢骚发给彩程的gtalk机器人（ccwbot[at]gmail.com），然后就会在彩程网站的头部被显示出来。显示“龙门阵”的部分做了一些比较炫的交互设计，比如你可以用锤子敲打某人的头像泄愤……
不喜欢就打
设计创意
在彩程新网站最初的设计中，网站的header部分就有一个twitter模块，用来抓取公司成员twitter的最新动态。后来考虑twitter在我们公司的普及程度比较低，大家都在用gtalk，所以我们讨论决定用一个gtalk机器人来收集大家的“叽叽喳喳”。另一方面，大家希望这个模块能成为新网站的亮点，能体现我们的前端技术实力。于是我们考虑用js做一些比较炫的效果，比如逐帧动画、各种有趣的交互等等，最后决定借鉴google.cn的导航，做一个逐帧动画来让公司成员的头像“蹦”出来。
gtalk机器人
gtalk机器人由徐峥用python编写，目前只会抓取公司成员的留言：
头像设计
梅西童鞋友情提供了成员头像：
彩程团队成员头像
妖怪设计了头像的“冒头”分解动作：
冒头分解动作
前端开发
前端的逐帧动画和各种交互效果由我基于jQuery来编写，期间经历了一些实验性的版本：
“龙门阵”中间版本
在做逐帧动画的时候，顺带用jQuery写了一个简易的逐帧播放器，已经另一篇博文中共享。
Kcool & Funny.
Nice Work
我打爽了
Cool!