《极光》（学习黑黑H5粒子插件+水波纹插件）

红影

红影

终于能让流星垂直上下跑了，忽然想到只要调换宽度和高度的数值就行了。我之前竟然去调css: 'transform: rotate(15deg);到90度，结果根本不直着走

红影

把向上的粒子本来弄个橘红的，后来发现还是原来的色彩好。这样做些调整挺好，碰到点问题，然后反倒能弄明白一些了。谢谢黑黑的代码

红影

@醉美水芙蓉  加视频后也能加粒子的，这个没关系，就用原来的代码，最多加个视频。这个我其实也是想测试了一下，你的回复说只能加一个，其实都能加的。

红影

我把流星弄得向上了@马黑黑

马黑黑

红影 发表于 2023-9-13 22:38
终于能让流星垂直上下跑了，忽然想到只要调换宽度和高度的数值就行了。我之前竟然去调css: 'transform: rot ...

插件说明里详细说明了 ani 参数，就是动画方向，通过名称赋值：

    ani: ‘名称’，

第一代 h5lz_01.js 插件，约定四个方向，都是语义化的名称：

    toBottom - 向下
    toTop - 向上
    toLeft - 向左
    toRight - 向右

马黑黑

音乐很不错。帖子整体设计到位。

红影

马黑黑 发表于 2023-9-13 23:05
插件说明里详细说明了 ani 参数，就是动画方向，通过名称赋值：

    ani: ‘名称’，

这个我知道，也调过，就是之前没法垂直上下，我弄错了，去调角度，其实长宽换换就完了的事

马黑黑

红影 发表于 2023-9-13 23:11
这个我知道，也调过，就是之前没法垂直上下，我弄错了，去调角度，其实长宽换换就完了的事

这些是简单的配置

红影

马黑黑 发表于 2023-9-13 23:06
音乐很不错。帖子整体设计到位。

这个也没怎么设计啊，就是试着把流星的效果变个方式融进去而已

马黑黑

红影 发表于 2023-9-13 23:13
这个也没怎么设计啊，就是试着把流星的效果变个方式融进去而已

那太简单了

马黑黑

想起竹竿进城门的故事……

梦油

红影朋友悟性真好，边学习，边创新。

红影

马黑黑 发表于 2023-9-13 23:12
这些是简单的配置

是啊，这么简单的事我还折腾半天，脑子搭牢了

红影

马黑黑 发表于 2023-9-13 23:14
那太简单了

试了一下也挺好，知道怎样“转”过来了

红影

醉美水芙蓉 发表于 2023-9-13 23:20
欣赏红影美女精美音画！谢谢红影美女指导，其实是我不会两个都加！

这个帖子也加了视频的啊，把原来的都留着再加点视频或加点别的什么都不是事呢。

红影

马黑黑 发表于 2023-9-14 08:07
想起竹竿进城门的故事……

这个比喻太贴切了，我是横放竖放都没进去，最后才想起顺放

红影

梦油 发表于 2023-9-14 09:18
红影朋友悟性真好，边学习，边创新。

没创新呢，就是学习怎样垂直移动粒子，这个明明黑黑讲过的，我还是给弄错了

梦油

红影 发表于 2023-9-14 09:55
没创新呢，就是学习怎样垂直移动粒子，这个明明黑黑讲过的，我还是给弄错了

我不懂代码，但我看你在图的下端做菱形星变幻的小图很好看，与黑黑的创作有异曲同工之妙。