蔡依林·心型圈

马黑黑

花飞飞 发表于 2024-11-25 20:29
感觉这个贴子下了大功夫。。
无论是画面、还是歌曲到代码，都顶级。。综合性好强啊。。

也没下啥功夫，就是鼠标突然不太好使，编写时多花了点时间，现在找个无线的来用用，明天去电脑城买个200多的

马黑黑

杨帆 发表于 2024-11-25 19:05
马老师辛苦了，谢谢老师深度分享

如果歌词不限于花潮格式，就更趋完美

可以的，我们有支持原生lrc歌词的模块，加入模块即可。不过花潮格式做到的歌词同步的精准度比较好。

红影

也可以同时用svgdr封装呢，之前就想过用svg画的小播是最好的，这里就看到了

马黑黑

花飞飞 发表于 2024-11-25 20:27
四个插件排列得整整齐齐，为完整音画作品保驾护航。。。全面又美观。。赞叹。。

当模块多了的时候，也许应该考虑做个封装的封装，一行代码就能引入，想用啥模块用啥模块

马黑黑

红影 发表于 2024-11-25 20:55
也可以同时用svgdr封装呢，之前就想过用svg画的小播是最好的，这里就看到了

都可以的

花飞飞

马黑黑 发表于 2024-11-25 20:53
也没下啥功夫，就是鼠标突然不太好使，编写时多花了点时间，现在找个无线的来用用，明天去电脑城买个200 ...

啊，还有这回事，那这个贴子可记得牢了。。
支持换个顺手的，你选得必定是顶级的。。
还有
多整几节电池备用。。

马黑黑

花飞飞 发表于 2024-11-25 20:57
啊，还有这回事，那这个贴子可记得牢了。。
支持换个顺手的，你选得必定是顶级的。。
还有

我买无线的一般都是可充电的。我不太喜欢更换电池。

花飞飞

马黑黑 发表于 2024-11-25 20:50
这歌其实很老了，当时很多人都被 love love love 迷住了忽略了很多

没听过就算是新的。。这么老的歌被你挖出来也是厉害。

花飞飞

马黑黑 发表于 2024-11-25 20:50
这个观察者api特管用

看着跟活的似的，多灵动啊。这个设计满分。
别的贴子也可以让小播这么活泼一下喽

马黑黑

花飞飞 发表于 2024-11-25 20:59
没听过就算是新的。。这么老的歌被你挖出来也是厉害。

蔡依林的歌我还是比较熟悉的，因为当年和周董熟

马黑黑

花飞飞 发表于 2024-11-25 21:00
看着跟活的似的，多灵动啊。这个设计满分。
别的贴子也可以让小播这么活泼一下喽

想的话没有不可以的

花飞飞

马黑黑 发表于 2024-11-25 20:51
设计其实还算简单，实现过程略显复杂

我看十分复杂，光这些心型的运动路线都要设计半天。。
还有大小随机，延时，综合起来让它们有如此美感，
反正感觉是很不容易的。。

花飞飞

马黑黑 发表于 2024-11-25 20:55
当模块多了的时候，也许应该考虑做个封装的封装，一行代码就能引入，想用啥模块用啥模块

俄罗斯套娃式的封装啊，这还没见过。。。。

马黑黑

花飞飞 发表于 2024-11-25 21:01
我看十分复杂，光这些心型的运动路线都要设计半天。。
还有大小随机，延时，综合起来让它们有如此美感， ...

这个路线不需要设计，这是随机的，要做的是设定角度，不同的角度，会导致路线的方向不同，仅此而已

杨帆

马黑黑 发表于 2024-11-25 20:54
可以的，我们有支持原生lrc歌词的模块，加入模块即可。不过花潮格式做到的歌词同步的精准度比较好。

花潮格式的歌词同步精准度的确不错

但目前还无法自动生成，用起来还显得不够便捷

兼容并蓄,有容乃大，感谢老师采纳

马黑黑

杨帆 发表于 2024-11-25 21:03
花潮格式的歌词同步精准度的确不错

但目前还无法自动生成，用起来还显得不够便捷

这个不可能自动生成，需要手动制作。我提供的工具里，有从原生歌词转换的，然后微调即可。

马黑黑

花飞飞 发表于 2024-11-25 21:03
俄罗斯套娃式的封装啊，这还没见过。。。。

现在模块制作的还不多，暂不考虑

花飞飞

马黑黑 发表于 2024-11-25 21:05
现在模块制作的还不多，暂不考虑

四个了还不多嘛。。
难道以后还有。

红影

use { transform-box: fill-box; transform-origin: center; animation: move var(--dur) var(--delay) linear infinite var(--state); }
这个应该是新的，直接对svg内部子元素设置动画呢

马黑黑

红影 发表于 2024-11-25 21:06
use { transform-box: fill-box; transform-origin: center; animation: move var(--dur) var(--delay) lin ...

use也是svg可视元素，它和circle等一样也可以在其上运行动画。不新的。