南无月 发表于 2024-3-1 20:32

【黑师代码】张杰-剑心（学习黑师《旋涡》粒子飞舞效果）

本帖最后由 南无月 于 2024-3-1 20:38 编辑 <br /><br /><style>#mydiv {margin: 130px 0 0 calc(50% - 831px); display: grid; place-items: center; width: 1500px; height: 800px; box-shadow: 0 0 12px gray; background: url('https://pic.imgdb.cn/item/651a7496c458853aef03ac79.webp') no-repeat center/cover; overflow: hidden; z-index: 1; position: relative; --state: running; }</style><div id="mydiv"></div><audio id="aud" src="https://music.163.com/song/media/outer/url?id=34179901" loop="" autoplay=""></audio><script>let js1 = 'https://638183.freep.cn/638183/web/api/tube_lrc.js', js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_02.js';

var loadJs = (url,callback) => {
        let body = document.querySelector('body'), jsNode = document.createElement('script');
        jsNode.charset = 'utf-8';
        jsNode.setAttribute('src', url);
        body.appendChild(jsNode);
        jsNode.onload = () => callback();
};

loadJs(js1, () => {
        let geci =[
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
        HCPlayer({
                papa: '#mydiv',
                lrcAr: geci,
                lrc_css: `
                        top: 40px;
                        color: silver;
                        --bg: linear-gradient(rgba(10,100,100,.4),rgba(10,100,100,.7));
                `,
                player_css: `
                        bottom: 30px;
                        opacity: .95;
                        --track: silver;
                        --prog: red;
                        --color: lightgreen;
                        --bg: conic-gradient(tan,blue,green,pink,lightblue);
                `,
        });
});

loadJs(js2, () => {
        H5lz({
                papa: '#mydiv',
                total: 280,
                size: {width: 10, height: 10},
                shape: {background: '', borderRadius: '50%'},
left:1800,
                maxTime: 124,
                offset: {x: 100, y: 100},
                ani: 'c2Out',
                css: 'opacity: .6;',
        });
});</script>

南无月 发表于 2024-3-1 20:33

@马黑黑 同发一首张杰的歌，老师来听听{:4_170:}

南无月 发表于 2024-3-1 20:34

第十二贴{:4_187:}

马黑黑 发表于 2024-3-1 20:37

南无月 发表于 2024-3-1 20:33
@马黑黑 同发一首张杰的歌，老师来听听

第二次提醒： let 改为 var，解决评分问题

南无月 发表于 2024-3-1 20:39

马黑黑 发表于 2024-3-1 20:37
第二次提醒： let 改为 var，解决评分问题

{:4_173:}我都以为你不跑去看代码了，偷懒一下被发现了。。

马黑黑 发表于 2024-3-1 20:40

南无月 发表于 2024-3-1 20:39
我都以为你不跑去看代码了，偷懒一下被发现了。。

这个不用看代码

红影 发表于 2024-3-1 20:40

很霸气的画面，漂亮。欣赏月儿好帖{:4_199:}

南无月 发表于 2024-3-1 20:45

马黑黑 发表于 2024-3-1 20:40
这个不用看代码

厉害。。。<BR>太不专业了是吧。。
我想知道怎么看出来的

马黑黑 发表于 2024-3-1 20:46

南无月 发表于 2024-3-1 20:45
厉害。。。太不专业了是吧。。
我想知道怎么看出来的

评分啊。评分后，音乐从头播放，就是用了var或闭合封装

南无月 发表于 2024-3-1 20:46

红影 发表于 2024-3-1 20:40
很霸气的画面，漂亮。欣赏月儿好帖

影子来了，一如既往的支持和鼓励，十分暖心。。{:4_187:}

南无月 发表于 2024-3-1 20:55

马黑黑 发表于 2024-3-1 20:46
评分啊。评分后，音乐从头播放，就是用了var或闭合封装

哦也，，现在才知道。。。
原来是这样。。评完分就从头播了。。
我试试去

马黑黑 发表于 2024-3-1 20:56

南无月 发表于 2024-3-1 20:55
哦也，，现在才知道。。。
原来是这样。。评完分就从头播了。。
我试试去

{:4_180:}

南无月 发表于 2024-3-1 21:06

马黑黑 发表于 2024-3-1 20:56


等会，试完再喝{:4_170:}

冬天的雨 发表于 2024-3-1 21:12

问好南无月，图图制作漂亮，特别今天的标题字排版漂亮，很有看点{:4_199:}

冬天的雨 发表于 2024-3-1 21:13

小粒子➕播放器，制作出彩{:4_199:}

红影 发表于 2024-3-1 21:34

南无月 发表于 2024-3-1 20:46
影子来了，一如既往的支持和鼓励，十分暖心。。

飞舞的粒子很美，字体设计漂亮，歌儿也好听呢{:4_187:}

小辣椒 发表于 2024-3-1 21:51

月月的图图特别美，美女很霸气，配上粒子效果，更加炫酷{:4_178:}

小辣椒 发表于 2024-3-1 21:52

月月现在做帖水平越来越高了{:4_199:}

小辣椒 发表于 2024-3-1 21:53

冬天的雨 发表于 2024-3-1 21:13
小粒子➕播放器，制作出彩

冬雨今天在啊

冬天的雨 发表于 2024-3-1 21:54

小辣椒 发表于 2024-3-1 21:53
冬雨今天在啊

小辣椒上来了啊，我在看马老师源码
页: [1] 2 3 4 5
查看完整版本: 【黑师代码】张杰-剑心（学习黑师《旋涡》粒子飞舞效果）