马黑黑 发表于 2022-8-11 21:16

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

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

小辣椒 发表于 2022-8-11 21:16

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

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

马黑黑 发表于 2022-8-11 21:17

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

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

马黑黑 发表于 2022-8-11 21:17

小辣椒 发表于 2022-8-11 21:16
哦,这个烟花颜色还是要和背景图相匹配才行吧
基本它不挑什么,我在白色背景下测试也没啥问题

千羽 发表于 2022-8-11 21:20

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

感觉这色调是最佳搭配,很养眼。期待黑黑老师更多的精彩{:4_187:}

小辣椒 发表于 2022-8-11 21:23

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

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

马黑黑 发表于 2022-8-11 21:39

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

88

马黑黑 发表于 2022-8-11 21:40

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

确实,饱满的颜色搭配

红影 发表于 2022-8-11 22:04

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

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


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

红影 发表于 2022-8-11 22:06

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

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

红影 发表于 2022-8-11 22:07

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

岂止还行,简直是太棒 了{:4_178:}

小辣椒 发表于 2022-8-11 23:11

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

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

马黑黑 发表于 2022-8-11 23:22

小辣椒 发表于 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 23:23

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

太棒就是还行的意思

马黑黑 发表于 2022-8-11 23:25

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

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

马黑黑 发表于 2022-8-11 23:26

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

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

小辣椒 发表于 2022-8-11 23:32

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

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

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

马黑黑 发表于 2022-8-11 23:49

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

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

青青子衿 发表于 2022-8-12 13:38

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

马黑黑 发表于 2022-8-12 13:46

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

辛苦辛苦{:4_190:}
页: 1 2 [3] 4
查看完整版本: 梦幻电音