大家好，大家好！五月天的假期即将结束。在打开加班模式之前，我想与您分享一个超级酷的HTML5画布烟花模拟动画。
让我们先看一下效果图，非常壮观！
HTML代码
HTML代码主要由两个部分组成，一个是设置面板表单，另一个是动画载体元素。
设置面板按钮通过SVG实现：
相应接口上的3个控制按钮：
设置菜单的HTML代码并不特别。它由某些和Drop -down框控件组成。它不会在这里扩展。
至于动画载体，我们可以将帆布元素直接放在页面上：
CSS代码主要用于控制设置面板的样式，我们将不再在此处扩展。
JavaScript代码
加载页面后，烟火动画的应用开始开始初始化，主要使用当前设置，并根据设置开始烟花开花动画：
接下来是核心方法，并且。并单面使用数学方法来计算烟花开花时粒子的运动轨迹：
动画渲染代码如下：
以上是实现此HTML5烟火动画的实现。在本文的末尾，本文还将与所有人共享所有源代码。
我已经为完整的代码整理了一个源代码包，以供所有人下载和学习。
源代码下载地址：https：//mp.weixin.qq.com/s/hfghyk1d-fjtpu5hj_ekza
该代码用于参考和学习。请不要将其用于商业目的。
该HTML5画布烟花动画应被视为网络烟花模拟动画的峰值。如果您有更好的想法和创造力，请留言告诉我们。