Magic Travel（学习黑黑Truck效果）

红影

Magic Travel

红影

多加了几条粒子玩玩。本来想小播下面再加个视频，发现多加的视频不知道怎么暂停了@马黑黑

红影

去文字仓库找了个投影字，本来想加svg渐变字，发现多个js封装一样怕用不出来，就直接跑文字仓库了

起个网名好难

                               
登录/注册后可看大图

梦江南

这四条粒子移动像极了海里的八爪鱼，太漂亮完美了！

马黑黑

红影 发表于 2024-10-26 13:37
多加了几条粒子玩玩。本来想小播下面再加个视频，发现多加的视频不知道怎么暂停了@马黑黑

猴子摘玉米啦

马黑黑

路径的设计完美无瑕，与背景百分百融合。视频的处理也是恰到好处

梦油

欣赏佳作，问候红影。

红影

起个网名好难 发表于 2024-10-26 14:04

谢谢难难，还是跟着难难学会的去找svg路径的呢

红影

梦江南 发表于 2024-10-26 14:52
这四条粒子移动像极了海里的八爪鱼，太漂亮完美了！

我也不知道那底图是个什么东西，看着好玩，就拿来做帖子了

红影

马黑黑 发表于 2024-10-26 15:52
猴子摘玉米啦

咋成了猴子摘玉米，你这思维太灵动了

红影

马黑黑 发表于 2024-10-26 15:53
路径的设计完美无瑕，与背景百分百融合。视频的处理也是恰到好处

想多加个视频的，第二个视频不会弄暂停

红影

梦油 发表于 2024-10-26 16:38
欣赏佳作，问候红影。

谢谢梦油的支持，我跟在后面玩玩，好多作业都没完成呢

红影

醉美水芙蓉 发表于 2024-10-26 16:52
红影路径设计漂亮！

多谢水芙蓉美女鼓励

马黑黑

红影 发表于 2024-10-26 19:40
想多加个视频的，第二个视频不会弄暂停

给 video 设置 class 选择器，替代 id 选择器，video标签 id="vid" 改为 class="vid"；

声明 vids 变量并获取它的值：var vids = document.querySelectorAll('.vid');

mState() 函数对 vid 的控制语句 aud.paused ? vid.pause() : vid.play() 改为：

vids.forEach(vid => aud.paused ? vid.pause() : vid.play());

起个网名好难

红影 发表于 2024-10-26 19:38
谢谢难难，还是跟着难难学会的去找svg路径的呢

感觉直接写svg代码还容易理解些。

马黑黑

红影 发表于 2024-10-26 19:39
咋成了猴子摘玉米，你这思维太灵动了

花飞飞

相当震撼的作品，影子把粒子路径与背景图片花纹完美结合在一起，太厉害了。。

花飞飞

色彩好漂亮啊，清爽宜人，整个贴子从上到下还有个渐变的感觉，层次分明同时又过渡自然