HTML5 烟花系统

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

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

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

  

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

  代码下载地址

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

HTML5 烟花系统,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。