浮生一梦纯音乐（学习黑黑老师的《上陵》代码）
本帖最后由 梦江南 于 2025-11-15 17:50 编辑 <br /><br /><style>@import 'https://638183.freep.cn/638183/web/tz/tz.min.css';
.pa { --offsetX: 81px; --bg: url('https://upfile.mp3.wf/view.php/1535727ea22614c616579b46effad264.jpg') no-repeat center/cover;border-radius:32px }
.star { position: absolute; width: 4px; height: 4px; background: lightblue; animation: flash 2s infinite alternate var(--state); }
.ball { position: absolute; width: 40px; height: 40px; background: linear-gradient(tan, var(--bg)); border-radius: 50%; animation: hue-rot linear .5s infinite alternate var(--state), rot linear 4s infinite var(--state); cursor: pointer; }
@keyframes flash { to { opacity: 0; transform: rotate(var(--deg)); } }
@keyframes hue-rot { to { filter: hue-rotate(200deg); } }
</style>
<div id="pa" class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js';
const tz = TZ.TZ('pa');
tz.add('audio', '', '', { src: 'https://upfile.mp3.wf/view.php/da15afc1dbcfad0091cd2fae4a8b6c54.mp3' });
Array.from({length: 100}).forEach( (_, key) => {
const x = tz.ranPos(pa.offsetWidth);
const y = tz.ranPos(pa.offsetHeight / 3);
tz.add('div', '', 'star', { style: `
left: ${100 * x / pa.offsetWidth}%;
top: ${100 * y / pa.offsetHeight}%;
animation-duration: ${1 + tz.getRanInt(1,0)}s;
animation-delay: ${tz.getRanInt(-2,0)}s;
--deg: ${tz.getRanInt(50, 160)}deg;
`});
});
const points = tz.ringPos(20, {
cx: pa.offsetWidth / 2,
cy: pa.offsetHeight / 3,
r1: pa.offsetWidth / 4,
r2: pa.offsetHeight / 4,
a: -200,
});
points.forEach(point => {
tz.add('div', '', 'ball', {style: `
left: ${56 * point / pa.offsetWidth}%;
top: ${190 * point / pa.offsetHeight}%;
--bg: ${tz.color16()};
`}).playmp3();
});
tz.fs().style('left: 20px; bottom: 20px');
</script> 哈
沙发也 本帖最后由 澜天 于 2025-11-15 19:53 编辑
这首歌在抖音听过
是不是佛禅的歌曲呢
我觉得和李娜唱的那首
《南无阿弥陀佛》相近
前一阵子听了几首这样的哼唱
也有男声的 穿透力都很强
似乎有点佛乐的感觉。 澜天 发表于 2025-11-15 19:49
哈
沙发也
哇，澜天也上沙发了。{:4_173:} 澜天 发表于 2025-11-15 19:50
这首歌在抖音听过
是不是佛禅的歌曲呢
我觉得和李娜唱的那首
我是在抖音上录来的。就是《浮生一梦》的纯音乐 。觉得很好听。 梦油 发表于 2025-11-15 19:57
似乎有点佛乐的感觉。
可能是的，音乐名《浮生一梦》。 梦江南 发表于 2025-11-15 20:03
哇，澜天也上沙发了。
也是巧了
{:4_189:} 梦江南 发表于 2025-11-15 20:06
我是在抖音上录来的。就是《浮生一梦》的纯音乐 。觉得很好听。
空灵悠远
意境深邃
{:4_190:} 我下线了，晚安 江南把小球的位置修改了，很赞啊，说明学习得很好。
这个小球组成的弧形再缓一些就好了，和背景图的弧线走向就会更一致了{:4_187:} 制作美妙，音乐好听，欣赏江南好帖{:4_187:} 好听好看，用心之作，谢谢江南精彩分享{:4_204:} 空灵的乐曲很好听，很有想法的制作，我还不会用代码做复杂的东东，向你学习。周末快乐{:4_190:}
澜天 发表于 2025-11-15 20:19
也是巧了
早上好，碰巧的事是有的。也是第一次坐江南家的沙发吧。 澜天 发表于 2025-11-15 20:22
空灵悠远
意境深邃
图图被这首音乐宣染得空灵了。 红影 发表于 2025-11-15 21:09
江南把小球的位置修改了，很赞啊，说明学习得很好。
这个小球组成的弧形再缓一些就好了，和背景图的弧线走 ...
问好影子，我是想让这彩球弯成弧形成门状的，加了10个彩球，但不知怎样让上面的彩球再缓些，就不会了。 红影 发表于 2025-11-15 21:10
制作美妙，音乐好听，欣赏江南好帖
这首音乐是在抖音上听到的，就录音下来做这帖了。
谢谢影子鼓励！ 杨帆 发表于 2025-11-15 21:25
好听好看，用心之作，谢谢江南精彩分享
问好杨帆，谢谢欣赏支持。 霜染枫丹 发表于 2025-11-15 21:32
空灵的乐曲很好听，很有想法的制作，我还不会用代码做复杂的东东，向你学习。周末快乐
老师谦虚啦，看过你的作品都很棒呢。谢谢欣赏鼓励，新周快乐！
页:
[1]
2