梦江南 发表于 2025-10-7 13:13

【月满花潮庆华诞】学习黑黑老师的巨嘴鸟（sun指令演示）

本帖最后由 梦江南 于 2025-10-7 13:18 编辑 <br /><br /><style>
      @import 'https://638183.freep.cn/638183/web/css/tz02.css';
      #pa { --offsetX: 81px; --bg: tan url('https://cccimg.com/view.php/0505ee827b05366cd87280842797e913.jpg') no-repeat center/cover;border-radius:6%; }
      #progress { position: absolute; top: 50px; right: 150px; width: 10vw; height: 10vw; transition: .4s; }
      #g1 { cursor: pointer; fill: skyblue; fill-rule: evenodd; stroke: lightblue; stroke-width: 3; animation: rotate 8s linear infinite var(--state); }
      #g2 { cursor: pointer; fill: none; stroke: lightblue; stroke-width: 12; stroke-linecap: round; }
      #prog { stroke: lightyellow; }
      #btnFs { bottom: 20px; color: white; border-color: currentColor !important; }
</style>


<div id="pa">
      <audio id="aud" src="https://music.163.com/song/media/outer/url?id=135768.mp3" autoplay loop></audio>
      <video class="pd-vid" src="https://img.tukuppt.com/video_show/15653652/04/06/21/646b0add8b43e.mp4" autoplay loop muted></video>
      <svg id="progress" class="brightness" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
                <g id="g1"><title>ALT+X</title></g>
                <g id="g2"><title>调节进度</title></g>
      </svg>
</div>

<script type="module">
      import { FS } from 'https://638183.freep.cn/638183/web/js/pathprog.js';
      import Dr from 'https://638183.freep.cn/638183/svgdr/svgdr.mod.min.js';

      var dr = Dr.dr(progress);

      dr.polygon(dr.sun(11, 200, 190)).addTo(g1);
      dr.circle(0, 0, 50, 'transparent', 'transparent').addTo(g1);
      dr.circle(0, 0, 65).id('track').addTo(g2);
      dr.circle(0, 0, 65).id('prog').addTo(g2);

      FS(pa, g1);
</script>

偶然~ 发表于 2025-10-7 13:27

歌曲好听

偶然~ 发表于 2025-10-7 13:27

音画唯美

偶然~ 发表于 2025-10-7 13:28

制作大气

偶然~ 发表于 2025-10-7 13:28

感谢梦江南带来的精彩，辛苦了！祝你国庆中秋快乐

梦油 发表于 2025-10-7 13:40

画面简洁大方，那只狗狗还挺好看的。

梦江南 发表于 2025-10-7 14:31

偶然~ 发表于 2025-10-7 13:27
歌曲好听

这是满文军的“懂你”。谢谢偶然沙发欣赏。双节快乐！{:4_204:}

梦江南 发表于 2025-10-7 14:32

偶然~ 发表于 2025-10-7 13:27
音画唯美

谢谢鼓励。{:5_161:}

梦江南 发表于 2025-10-7 14:33

偶然~ 发表于 2025-10-7 13:28
制作大气

谢谢支持{:5_108:}

梦江南 发表于 2025-10-7 14:34

偶然~ 发表于 2025-10-7 13:28
感谢梦江南带来的精彩，辛苦了！祝你国庆中秋快乐

谢谢欣赏，祝双节快乐！{:4_187:}

梦江南 发表于 2025-10-7 14:35

梦油 发表于 2025-10-7 13:40
画面简洁大方，那只狗狗还挺好看的。

问好梦油，谢谢欣赏，祝双节快乐！{:4_187:}

梦油 发表于 2025-10-7 14:45

梦江南 发表于 2025-10-7 14:35
问好梦油，谢谢欣赏，祝双节快乐！

同乐，同乐。

梦江南 发表于 2025-10-7 15:04

梦油 发表于 2025-10-7 14:45
同乐，同乐。

好，同乐！

樵歌 发表于 2025-10-7 16:03

巨嘴鸟变大嘴狗了{:4_172:}

樵歌 发表于 2025-10-7 16:05

七彩霞光照在狗狗身上，这狗儿气运加身，带回家肯定发达。{:4_189:}

偶然~ 发表于 2025-10-7 16:24

梦江南 发表于 2025-10-7 14:31
这是满文军的“懂你”。谢谢偶然沙发欣赏。双节快乐！

我听过

梦江南 发表于 2025-10-7 17:15

樵歌 发表于 2025-10-7 16:03
巨嘴鸟变大嘴狗了

这样不好吗？狗是最懂人性的动物。{:4_187:}

梦江南 发表于 2025-10-7 17:17

樵歌 发表于 2025-10-7 16:05
七彩霞光照在狗狗身上，这狗儿气运加身，带回家肯定发达。

你家有吗？这狗绝对是最忠诚的。{:4_173:}

梦江南 发表于 2025-10-7 17:18

偶然~ 发表于 2025-10-7 16:24
我听过

这是肯定的。

樵歌 发表于 2025-10-7 19:51

梦江南 发表于 2025-10-7 17:17
你家有吗？这狗绝对是最忠诚的。

我女儿家有的。{:4_189:}
页: [1] 2
查看完整版本: 【月满花潮庆华诞】学习黑黑老师的巨嘴鸟（sun指令演示）