需求:在一个虚拟烟花球中,在不一样的部位填充不一样颜色、质地的烟花火药;观看试放效果。最好能结合点物理学定律(以便展示火药粉被爆炸扩散到必定程度再爆炸的效果)浏览器
这是这学期的一个做业,感受挺无聊的,纯粹是老师我的想法,一开始还不明白烟花球不一样部位填充不一样烟花火药会和烟花绽开的效果有什么关系,等到中期审查问老师被老师鄙视了,老师举例上下左右填充不一样的烟花会有不一样的颜色不一样的效果。要求不能用Flash,那就用Html5咯,按照要求去实现。性能
本身胡思乱想作了三种奇怪的效果,分别是线条、点、圆环、曲线,上下左右均可以选择不一样样式以及不一样的颜色效果,中间选择的颜色是烟花轨迹线条的颜色,效果图以下。优化
基本实现了,可是存在不少问题,首先是性能问题,感受不够流畅,其次是浏览器兼容问题,老版本的浏览器播放不了,只有在Chrome和Opera下播放效果才最佳,代码存在不少问题,有待优化。blog
代码下载地址get