你是否曾經(jīng)在無聊的時候打開網(wǎng)頁看到一些精美的煙花動畫？那么今天我們將來學(xué)習(xí)如何使用 HTML 寫出一個簡單的煙花動畫效果。

這個代碼其實非常簡單。我們先創(chuàng)建了一個空的畫布，然后在畫布上繪制出每個煙花的粒子。在代碼中，每個火花粒子都是由一個 Particle 對象表示的，而每一次鼠標點擊事件會創(chuàng)建一個 Firework 對象。

在代碼中，我們使用canvas元素創(chuàng)建了一個畫布，然后使用相應(yīng)的方法在畫布上繪制出每個粒子。代碼中，Firework函數(shù)和Particle函數(shù)分別用來表示每個煙花和煙花上的粒子。

最后，我們給鼠標添加了點擊事件監(jiān)聽器，事件會創(chuàng)建一個新的煙花對象并將其添加到一個全局數(shù)組中。然后，我們使用一個無限循環(huán)來更新和重繪每個煙花。

希望這篇代碼能夠幫助大家更好地了解 HTML 的魔力，同時也能為那些喜歡煙花的人們提供一種有趣的編程舞臺。