HTML5 烟花系统

  需求:在一个虚拟烟花球中,在不同的部位填充不同颜色、质地的烟花火药;观看试放效果。最好能结合点物理学定律(以便展现火药粉被爆炸扩散到一定程度再爆炸的效果)

这是这学期的一个作业,感觉挺无聊的,纯粹是老师个人想法,一开始还不明白烟花球不同部位填充不同烟花火药会和烟花绽放的效果有什么关系,等到中期审查问老师被老师鄙视了,老师举例上下左右填充不同的烟花会有不同的颜色不同的效果。要求不能用Flash,那就用Html5咯,按照要求去实现。

  自己胡思乱想做了三种奇怪的效果,分别是线条、点、圆环、曲线,上下左右都可以选择不同样式以及不同的颜色效果,中间选择的颜色是烟花轨迹线条的颜色,效果图如下。

  HTML5 烟花系统

  基本实现了,但是存在很多问题,首先是性能问题,感觉不够流畅,其次是浏览器兼容问题,老版本的浏览器播放不了,只有在Chrome和Opera下播放效果才最佳,代码存在很多问题,有待优化。

  代码下载地址

  http://files.cnblogs.com/stwzhong/MyFireworks.rar

HTML5 烟花系统,布布扣,bubuko.com

HTML5 烟花系统

上一篇:Grunt压缩js


下一篇:58同城开源web框架Argo搭建的最佳实践