仅显示以下 3 篇带「效果」关键字的文章。 返回词云  或  查看全部文章

简述年会新春特别奖的前端实现

2016-05-17 by Dron

回乡心切,去年年底我早早的就撤了,年会并没有参加,亲手为年会定制的一个烟花抽奖程序——新春特别奖,年会时的现场秀也因此没能感受到,遗憾之余听说 @文龙 中了头奖,心里平衡了许多:三天时间的开发总算没白忙活!

写本文前,我将程序简单做了下脱敏和静态分离:

进入页面后,片头动画开始播放,「你」划燃火柴,转身面向炮仗,进入等待状态(此时应该跟观众唠唠家常,提高下神秘感);待唠瞌尽兴,「你」将火柴移向并点燃引信,待引信燃尽,炮仗应声升空,爆炸,焰火奇迹般的组成一个花名(中奖者),拍照留念,背景持续燃放烟花,完毕。

本文将介绍该效果的前端实现。

2013 烟花彩蛋

2013-02-09 by Dron

去年在这个博客上线的 2012 地裂特效 大家还有印象么?今年也不例外,刚刚在博客上悄悄上线了你看到的这个小效果,给大家拜年了!

农村现在已经开始不安静了,回响在耳边的是远近传来的贺除夕的各种鞭炮声音,噼里啪啦的,让人心情很是复杂,我也应个景,早在几天前,我已经开始进入了准备状态,着手写这个效果,可是没办法完全投入,这几天总是各种瞎忙不知所事,算了下,前后用了有 4 个晚上的零碎时间,总算赶在除夕凌晨把这事给了了,祝来到我博客的新老朋友新年快乐、飞黄腾达!

2013-2-9 更新: 本来进入博客的每一个页面都有这个效果,后来嫌给切换页面时造成干扰,改为只 进入本博文页面 才展示效果。

JavaScript 模拟烟雾效果!

2012-01-03 by Dron

最近烟抽多了,或者因为太寂莫,也可能无聊吧,我不知不觉地就把烟雾效果写出来了。

预览地址请看这个:http://ucren.com/demos/smoke/

用了大量的节点,机器有点渲染不过来,建议使用 Chrome 查看,IE 下我做了各种抽稀,效果不是很理想,以后有时间并且再次闲得蛋疼时再改造成 canvas 版本。