小辣椒 发表于 2024-5-4 21:16

如果有一天 (学习黑黑《让生命去等候》效果)

<style>
        #papa { margin: 150px 0 20px calc(50% - 781px); width: 1400px; height: 706px; background: url('https://xlaj.cn/assets/file/zp/20240504204724.gif') no-repeat center/cover; box-shadow: inset 0 0 200px , 3px 3px 6px #333; overflow: hidden; user-select: none; z-index: 1; position: relative; }

.vid { position: absolute;left: 545px;top:195px; width: 300px; height: 250px; object-fit: cover; mix-blend-mode: screen;opacity: 0.85; pointer-events: none; }

        #canv { display: block; position: absolute; left: calc(55% - 250px); top: 175px; cursor: pointer; }
        @keyframes rot { to { transform: rotate(360deg); } }
</style>

<body>

<div id="papa">

        <audio id="aud" src="https://s2.ananas.chaoxing.com/sv-w8/audio/8b/a2/06/87ba37a56d0ee559f8f233cc3690792f/audio.mp3" autoplay loop></audio>
           <video class="vid" src="https://lkvv-1254134120.cos.ap-guangzhou.myqcloud.com/lkvv09/aspyy3/ayzmj.mp4" autoplay loop muted></video>
        <canvas id='canv' width="360" height="360"></canvas>
</div>

<script>

var loadJs = (file, callback) => {
        var sc = document.createElement('script');
        sc.src = file;
        sc.charset = 'utf-8';
        document.body.appendChild(sc);
        sc.onload = () => callback();
};

var js1 = 'https://638183.freep.cn/638183/web/api/lrc.js';
var js2 = 'https://638183.freep.cn/638183/web/js/canv3dball.js';
loadJs(js1, () => {
        LRC({
                papa: '#papa',
                lrcAr: lrcAr,
                btn: '#play',
                       lrc_css: 'bottom: 40px; left: 40%; color: #ccc;font-size: 2.0em; --bg: linear-gradient(180deg,hsla(240,50%,50%,.15),hsla(240,50%,20%,.65));',
        });
});

loadJs(js2, ()=> {
let pa = papa;
});
var lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];

</script>

小辣椒 发表于 2024-5-4 21:17

@马黑黑

学习套用一个,谢谢黑黑教程分享

小辣椒 发表于 2024-5-4 21:18

@红影

亲爱的,歌词上去直接套用你的,自己没有花时间{:4_170:}

红影 发表于 2024-5-4 21:29

这个球上直接放球状粒子,非常奇特,欣赏亲爱的精彩制作{:4_199:}

红影 发表于 2024-5-4 21:31

这个频谱效果也很漂亮。欣赏亲爱的好帖{:4_187:}

醉美水芙蓉 发表于 2024-5-4 21:34

南无月 发表于 2024-5-4 21:35

小辣椒这个动画效果真是绝了
夜空中,星光闪烁
月亮也在变色
更有粒子飞舞,给夜晚增添神秘色彩。{:4_187:}

小辣椒 发表于 2024-5-4 21:37

红影 发表于 2024-5-4 21:29
这个球上直接放球状粒子,非常奇特,欣赏亲爱的精彩制作

亲爱的,3D粒子频谱,外面加了黑黑的粒子播放器效果,感觉效果很漂亮的{:4_173:}

南无月 发表于 2024-5-4 21:37

这个蓝色的球体和粒子球体合为一体,创意太好啦,各种转动令人沉迷。。
里面放了频谱和人物以及标题,
层次分明,内容丰富{:4_199:}

小辣椒 发表于 2024-5-4 21:38

红影 发表于 2024-5-4 21:31
这个频谱效果也很漂亮。欣赏亲爱的好帖

亲爱的,你的才是最漂亮的

小辣椒 发表于 2024-5-4 21:38

醉美水芙蓉 发表于 2024-5-4 21:34
小辣椒厉害!漂亮极了!

问好水芙蓉谢谢欣赏{:4_171:}

小辣椒 发表于 2024-5-4 21:40

南无月 发表于 2024-5-4 21:35
小辣椒这个动画效果真是绝了
夜空中,星光闪烁
月亮也在变色


月月我现在是旧图想办法重复用,这个是动图重新做的,想取个晚上的场景加这个3D粒子频谱,会感觉漂亮一点,加上黑黑的粒子频谱就更加炫酷了

南无月 发表于 2024-5-4 21:42

小辣椒 发表于 2024-5-4 21:40
月月我现在是旧图想办法重复用,这个是动图重新做的,想取个晚上的场景加这个3D粒子频谱,会感觉漂亮一点 ...

{:4_173:}我一直觉得你能把图做这么大,还能如此清晰,真的好棒的呀。。

小辣椒 发表于 2024-5-4 21:42

南无月 发表于 2024-5-4 21:37
这个蓝色的球体和粒子球体合为一体,创意太好啦,各种转动令人沉迷。。
里面放了频谱和人物以及标题,
层 ...

月月,小辣椒只是凑着玩效果而已,图图做不好,月月的图图才是漂亮的

南无月 发表于 2024-5-4 21:44

小辣椒 发表于 2024-5-4 21:42
月月,小辣椒只是凑着玩效果而已,图图做不好,月月的图图才是漂亮的

{:4_170:} 我制图在起步阶段,漂亮真的算不上,我自己明白。小辣椒你夸了我还是很开心的。

马黑黑 发表于 2024-5-4 21:46

{:4_208:}

小辣椒 发表于 2024-5-4 21:47

南无月 发表于 2024-5-4 21:42
我一直觉得你能把图做这么大,还能如此清晰,真的好棒的呀。。

没有啊,我主要有上传空间,所以可以玩动图

小辣椒 发表于 2024-5-4 21:48

南无月 发表于 2024-5-4 21:44
我制图在起步阶段,漂亮真的算不上,我自己明白。小辣椒你夸了我还是很开心的。

起步阶段已经这么漂亮了,你太厉害了{:4_199:}

小辣椒 发表于 2024-5-4 21:49

马黑黑 发表于 2024-5-4 21:46


哈哈~~来首小悲伤的歌曲{:4_208:}

马黑黑 发表于 2024-5-4 21:50

小辣椒 发表于 2024-5-4 21:49
哈哈~~来首小悲伤的歌曲

没事,笑着听就好
页: [1] 2 3 4 5 6 7
查看完整版本: 如果有一天 (学习黑黑《让生命去等候》效果)