梦江南 发表于 2026-6-23 14:44

锅庄舞 （学习黑黑老师的叙拉古人 代码）


<style>
    @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
    .pa { --offsetX: 81px; --bg: url('https://pan.suyanw.cn/view.php/3ff1aba768cb995e4e2466cad39facd8.gif') no-repeat center/cover; color: white;border-radius:32px }
    .player {LEFT: 65%; width: 480px; bottom: 10px; }
    .btnFs { top: 25px; right: 20px; }
    .pd-vid { mix-blend-mode: screen; opacity: 1; }
    .circle { fill: url(#grd); opacity: 0; transition: 0.5s; animation: draw 0.5s var(--delay) forwards; }
    #msvg { position: absolute; LEFT: 72%;width: 12vw; heighht: 12vw; bottom: 18%; transition: .75s; opacity: 1; border-radius: 50%; cursor: pointer; }
    @keyframes draw { to { opacity: 1; } }
</style>

<div id="pa" class="pa">
    <video class="pd-vid" src="https://img2.tukuppt.com/video_show/2269348/00/14/17/5e1c8604a11da.mp4" autoplay loop muted></video>
    <svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
      <title>播放/暂停(Alt+X)</title>
      <defs>
            <radialGradient id="grd" cx="0.25" cy="0.25" r="0.25">
                <stop offset="5%" stop-color="red"></stop>
                <stop offset="30%" stop-color="lightgreen"></stop>
                <stop offset="100" stop-color="darkred"></stop>
            </radialGradient>
      </defs>
      <g id="g1"></g>
    </svg>
</div>

<script>
    var options = {
      pa: '.pa',
      urls: [['https://pan.suyanw.cn/view.php/37915da4aecebf12e0a19626c8ee5231.mp3', '锅庄舞']],
      btns: ,
    };

    loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js', function() {
      loadJs('https://638183.freep.cn/638183/svgdr/svgdr.min.js', tzRun);
    });

    function tzRun() {
      var aud = new AudPlayer(options);
      var dr = _dr(msvg);
      var points1 = dr.circlePoints(12, 200, 170), points2 = dr.circlePoints(6, 200, 50);
      points1.forEach((p, k) => dr.circle(p, p, 25).sets({class: 'circle', style: `--delay: ${0.5*k}s`}).addTo(g1));
      points2.forEach((p, k) => dr.circle(p, p, 20).sets({class: 'circle', style: `--delay: ${(k+12)*0.5}s`}).addTo(g1));
      dr.elm.onanimationend = () => g1.classList.add('rot');
    }

    function loadJs(url, callback) {
      var script = document.createElement('script');
      script.charset = 'utf-8';
      script.src = url;
      script.onload = function() {
            if (callback) callback();
      };
      document.head.appendChild(script);
    }
</script>

小九 发表于 2026-6-23 17:34

很美的舞姿，应该是少数民族的舞蹈吧，美！{:4_187:}

杨帆 发表于 2026-6-23 18:13

效果漂亮，赏心悦目，谢谢江南精彩分享{:4_204:}

梦江南 发表于 2026-6-23 18:29

小九 发表于 2026-6-23 17:34
很美的舞姿，应该是少数民族的舞蹈吧，美！

小九老师，这是藏族的一种锅庄舞（果卓）
一、基本定义
藏语称果卓，直译 “圆圈歌舞”，是藏族三大民间舞蹈（锅庄、弦子、热巴）之首，2006 年列入第一批国家级非物质文化遗产。
女子动作：轻摆水袖、点步转圈，刚柔并济，裙摆飘逸。

梦江南 发表于 2026-6-23 18:30

杨帆 发表于 2026-6-23 18:13
效果漂亮，赏心悦目，谢谢江南精彩分享

问好杨帆，谢谢欣赏支持。晚上好！{:4_204:}

霜染枫丹 发表于 2026-6-23 21:09

很漂亮的制作，喜兴欢快，为你点赞！！{:4_204:}{:4_190:}

红影 发表于 2026-6-23 22:23

制作漂亮，给江南点赞{:4_199:}

雨季工作室 发表于 2026-6-24 16:43

欣赏江南老师佳作！

小辣椒 发表于 2026-6-24 21:48

欣赏阿姨精彩的制作，歌曲好听{:4_199:}

小辣椒 发表于 2026-6-24 21:49

锅庄舞好看，阿姨制作的非常漂亮{:4_178:}

梦江南 发表于 2026-6-25 07:31

霜染枫丹 发表于 2026-6-23 21:09
很漂亮的制作，喜兴欢快，为你点赞！！

谢谢版主欣赏支持，早上问好。{:4_180:}

梦江南 发表于 2026-6-25 07:32

红影 发表于 2026-6-23 22:23
制作漂亮，给江南点赞

问好影子，谢谢欣赏支持。早上好!{:4_180:}

梦江南 发表于 2026-6-25 07:33

雨季工作室 发表于 2026-6-24 16:43
欣赏江南老师佳作！

问好雨季老师，谢谢欣赏支持。早上好！{:4_180:}

梦江南 发表于 2026-6-25 07:35

小辣椒 发表于 2026-6-24 21:48
欣赏阿姨精彩的制作，歌曲好听

问好小辣椒，见到你很高兴，谢谢欣赏支持，早上好！{:4_204:}

梦江南 发表于 2026-6-25 07:36

小辣椒 发表于 2026-6-24 21:49
锅庄舞好看，阿姨制作的非常漂亮

锅庄舞简单也蛮好看的，谢谢小辣椒夸赞。{:4_180:}

红影 发表于 2026-6-25 21:26

梦江南 发表于 2026-6-25 07:32
问好影子，谢谢欣赏支持。早上好!

客气了，问好江南{:4_187:}

梦江南 发表于 2026-6-26 07:40

红影 发表于 2026-6-25 21:26
客气了，问好江南

没客气，是礼貌。影子周末快乐！{:4_204:}

红影 发表于 2026-6-27 22:32

梦江南 发表于 2026-6-26 07:40
没客气，是礼貌。影子周末快乐！

问好江南，周末快乐{:4_187:}

梦江南 发表于 2026-6-28 16:52

红影 发表于 2026-6-27 22:32
问好江南，周末快乐

影子下午好！{:4_204:}

红影 发表于 2026-6-28 19:59

梦江南 发表于 2026-6-28 16:52
影子下午好！

问好江南，周日快乐{:4_204:}
页: [1]
查看完整版本: 锅庄舞 （学习黑黑老师的叙拉古人 代码）