HTML2023新年源代码（炫酷动态烟花）

原创

已于 2023-06-25 11:00:29 修改 · 1.3k 阅读

标签

#java #javascript #数学建模

于 2023-06-25 10:57:27 首次发布

这是一个使用HTML、CSS和JavaScript创建的新年烟花动画代码。代码通过多个canvas层实现烟花效果，包括火箭发射、爆炸和落下的动画，以及颜色变化和光晕效果。利用HSL色彩模型和数学计算模拟烟花轨迹和亮度变化。

copy大佬的---新年烟花下面是代码

<!DOCTYPE html>
<html lang="en">
<script>
  var _hmt = _hmt || [];
  (function () {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?c923daf3182a4b0ce01878475080aadc";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>
 
<head>
  <meta charset="UTF-8">
  <title>2023，新年快乐！</title>
</head>
<style>
  body {
    margin: 0;
    overflow: hidden;
    background: black;
  }
 
  canvas {
    position: absolute;
  }
</style>
 
<body>
 
  <canvas></canvas>
  <canvas></canvas>
  <canvas></canvas>
 
  <script>
 
    function GetRequest() {
      var url = decodeURI(location.search); //获取url中"?"符后的字串
      var theRequest = new Object();
      if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("&");
        for (var i = 0; i < strs.length; i++) {
          theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
        }
      }
      return theRequest;
    }
    class Shard {
      constructor(x, y, hue) {
        this.x = x;
        this.y = y;
        this.hue = hue;