用HTML5制作煙火效果的教程_html5教程技巧
來源：懂視網
責編：小采
時間：2020-11-27 15:19:30
用HTML5制作煙火效果的教程_html5教程技巧
用HTML5制作煙火效果的教程_html5教程技巧:要過年了，過年想到的就是放煙火啦。于是就用canvas寫了個放煙火的效果，鼠標點擊也會產生煙火，不過不要產生太多煙火哦，一個煙火散出的粒子是30到200個之間，當頁面上的粒子數量達到一定的時候，頁面就會很卡咯，我也沒特意去優化神馬的。以后有空再
導讀用HTML5制作煙火效果的教程_html5教程技巧:要過年了，過年想到的就是放煙火啦。于是就用canvas寫了個放煙火的效果，鼠標點擊也會產生煙火，不過不要產生太多煙火哦，一個煙火散出的粒子是30到200個之間，當頁面上的粒子數量達到一定的時候，頁面就會很卡咯，我也沒特意去優化神馬的。以后有空再
要過年了，過年想到的就是放煙火啦。。于是就用canvas寫了個放煙火的效果，鼠標點擊也會產生煙火，不過不要產生太多煙火哦，一個煙火散出的粒子是30到200個之間，當頁面上的粒子數量達到一定的時候，頁面就會很卡咯，我也沒特意去優化神馬的。以后有空再說吧。
直接上DEMO吧：放煙火
原理很簡單。。就寫一個煙火類以及碎屑類，實例化后讓它飛起來，然后到達某個點后，把這個煙火對象的dead屬性置為true，然后再實例化出一定數量的碎屑對象，并且給與碎屑對象隨機一個要到達的目標點，然后讓所有碎屑對象飛過去就行了。
【煙火】
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
用HTML5制作煙火效果的教程_html5教程技巧
用HTML5制作煙火效果的教程_html5教程技巧:要過年了，過年想到的就是放煙火啦。于是就用canvas寫了個放煙火的效果，鼠標點擊也會產生煙火，不過不要產生太多煙火哦，一個煙火散出的粒子是30到200個之間，當頁面上的粒子數量達到一定的時候，頁面就會很卡咯，我也沒特意去優化神馬的。以后有空再
