小辣椒 发表于 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
我还在做一些其他尝试,让粒子的颜色更丰富一些
感觉这色调是最佳搭配,很养眼。期待黑黑老师更多的精彩{:4_187:}
马黑黑 发表于 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
还行的吧
岂止还行,简直是太棒 了{:4_178:}
马黑黑 发表于 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
这个帖子的代码也收了,咱拿来研究研究。。。谢谢小马黑黑友友分享。。。连续点鼠标的效果,好极了~!
辛苦辛苦{:4_190:}