需求:在一個虛擬煙花球中,在不一樣的部位填充不一樣顏色、質地的煙花火藥;觀看試放效果。最好能結合點物理學定律(以便展示火藥粉被爆炸擴散到必定程度再爆炸的效果)瀏覽器
這是這學期的一個做業,感受挺無聊的,純粹是老師我的想法,一開始還不明白煙花球不一樣部位填充不一樣煙花火藥會和煙花綻開的效果有什麼關係,等到中期審查問老師被老師鄙視了,老師舉例上下左右填充不一樣的煙花會有不一樣的顏色不一樣的效果。要求不能用Flash,那就用Html5咯,按照要求去實現。性能
本身胡思亂想作了三種奇怪的效果,分別是線條、點、圓環、曲線,上下左右均可以選擇不一樣樣式以及不一樣的顏色效果,中間選擇的顏色是煙花軌跡線條的顏色,效果圖以下。優化
基本實現了,可是存在不少問題,首先是性能問題,感受不夠流暢,其次是瀏覽器兼容問題,老版本的瀏覽器播放不了,只有在Chrome和Opera下播放效果才最佳,代碼存在不少問題,有待優化。blog
代碼下載地址get