朵拉 发表于 2025-8-26 23:02

Percussion X（学习马黑黑Illuminati效果）

本帖最后由 朵拉 于 2025-8-26 23:06 编辑 <br /><br /><style>
        @import 'https://638183.freep.cn/638183/web/css/tz01.css';
        #pa {
                --offsetX: 81px;
                --bg: url('https://pic1.imgdb.cn/item/68adca0458cb8da5c852f868.jpg') no-repeat center/cover;
                --per: 15px;
                --ma-size: 20%;
        }
        #ma { display: block; }
        #btnFs { bottom: 20px; color: #eee; border-color: currentColor; }
</style>

<div id="pa">
        <audio id="aud" src="https://cccimg.com/view.php/43184cfa0c3d542d716614f815ebecb0.mp3" autoplay="" loop=""></audio>
        <video class="pd-vid" src="https://img.tukuppt.com/video_show/2418175/00/02/31/5b557e8d6a392.mp4" autoplay loop muted></video>
        <svg id="ma" class="grayscale" viewbox="-200 -200 400 400"></svg>
</div>

<script type="module">
        import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
        import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js';
        var dr = Dr.dr(ma);
        var tt = 12, d = 'M0 0 L-30 -200 Q0 -50,30 -200, L0 0';
        Array.from({length: tt}).forEach((_,k) => {
                dr.path(d, 'cyan', 'teal', 2).transform(`rotate(${360/tt*k})`);
        });
        FS(pa, ma);
</script>

朵拉 发表于 2025-8-26 23:05

@马黑黑
老师 晚上好，学生交作业，请指正{:4_190:}

梦江南 发表于 2025-8-27 07:21

好美的图图、小播。欣赏问好！{:4_199:}

红影 发表于 2025-8-27 10:03

三颗心拿掉了么{:4_173:}
好听的音乐，欣赏朵宝好贴{:4_204:}

梦油 发表于 2025-8-27 10:59

用打击乐来做背景音乐也挺好的。

马黑黑 发表于 2025-8-27 12:37

{:4_199:}
页: [1]
查看完整版本: Percussion X（学习马黑黑Illuminati效果）