梦幻电音

马黑黑

小辣椒 发表于 2022-8-11 21:15
这个没有用过

可以不用的，16进制的足够了，但要做颜色里有透明的，至少要会rgba或这个

小辣椒

马黑黑 发表于 2022-8-11 21:14
烟花你不用管了吧，换个CSS背景图就好，需要的话还可以加其他的HTML元素

哦，这个烟花颜色还是要和背景图相匹配才行吧

马黑黑

千羽 发表于 2022-8-11 21:15
非常漂亮

我还在做一些其他尝试，让粒子的颜色更丰富一些

马黑黑

小辣椒 发表于 2022-8-11 21:16
哦，这个烟花颜色还是要和背景图相匹配才行吧

基本它不挑什么，我在白色背景下测试也没啥问题

千羽

马黑黑 发表于 2022-8-11 21:17
我还在做一些其他尝试，让粒子的颜色更丰富一些

感觉这色调是最佳搭配，很养眼。期待黑黑老师更多的精彩

小辣椒

马黑黑 发表于 2022-8-11 21:17
基本它不挑什么，我在白色背景下测试也没啥问题

好的，还是需要实践后才有体会，黑黑我下了。。。。

马黑黑

小辣椒 发表于 2022-8-11 21:23
好的，还是需要实践后才有体会，黑黑我下了。。。。

88

马黑黑

千羽 发表于 2022-8-11 21:20
感觉这色调是最佳搭配，很养眼。期待黑黑老师更多的精彩

确实，饱满的颜色搭配

红影

马黑黑 发表于 2022-8-11 18:11
hsl：

h，色相，0-360的色盘里，0或360是红色，120是绿色，240是蓝色；

黑黑的解说真清楚。用360度来划分颜色，这个法子真好。

红影

马黑黑 发表于 2022-8-11 18:12
画布可操作性很强的，关键在于如何运用

嗯，这个很出乎意料，居然那么像真的烟花。

红影

马黑黑 发表于 2022-8-11 18:12
还行的吧

岂止还行，简直是太棒 了

小辣椒

马黑黑 发表于 2022-8-11 07:29
鼠标点击帖子任意地方……

黑黑，我想设置特定的范围有烟花可以吗？不要全屏

马黑黑

小辣椒 发表于 2022-8-11 23:11
黑黑，我想设置特定的范围有烟花可以吗？不要全屏

你需要通过CSS定位画布的大小和位置：

#canv {position: absolute; width: 300px; height: 300px; left: 20px; top: 20px; }

然后，在JS将如下语句，

let w = canv.width = papa.offsetWidth, h = canv.height = papa.offsetHeight;

改为，

let w = canv.offsetWidth, h = canv.offsetHeight;

马黑黑

红影 发表于 2022-8-11 22:07
岂止还行，简直是太棒 了

太棒就是还行的意思

马黑黑

红影 发表于 2022-8-11 22:06
嗯，这个很出乎意料，居然那么像真的烟花。

这个要感谢数学，数学的三角函数等算法用进去之后产生的效果

马黑黑

红影 发表于 2022-8-11 22:04
黑黑的解说真清楚。用360度来划分颜色，这个法子真好。

有些人习惯了这个颜色表达体系之后在也不愿意用其他的体系了

小辣椒

马黑黑 发表于 2022-8-11 23:22
你需要通过CSS定位画布的大小和位置：

#canv {position: absolute; width: 300px; height: 300px; lef ...

哦，这个好像我不会，我的是弯弯的一快天空，其他的不想烟花出来

马黑黑

小辣椒 发表于 2022-8-11 23:32
哦，这个好像我不会，我的是弯弯的一快天空，其他的不想烟花出来

你就把画布固定到天空区域，然后要改JS那个语句

青青子衿

这个帖子的代码也收了，咱拿来研究研究。。。谢谢小马黑黑友友分享。。。连续点鼠标的效果，好极了~！

马黑黑

青青子衿 发表于 2022-8-12 13:38
这个帖子的代码也收了，咱拿来研究研究。。。谢谢小马黑黑友友分享。。。连续点鼠标的效果，好极了~！

辛苦辛苦