红影 发表于 2022-8-11 14:20
一直不知道这个颜色有什么用，这个帖子里就遇到了呢
hsl：
h，色相，0-360的色盘里，0或360是红色，120是绿色，240是蓝色；
s，饱和度，0%-100%，100%是为全色，否则加了了灰色
l，亮度，0%-100%，50%是为正常，0%为全黑（不论什么色相），100%为全白（不论什么色相）
红影 发表于 2022-8-11 14:22
这个代码绘制的烟花，比平日里找的动图还漂亮，黑黑太厉害了
画布可操作性很强的，关键在于如何运用
红影 发表于 2022-8-11 14:24
画布的存在，使得对图形的操作更方便，绽放在鼠标指向的烟花非常有趣。
还行的吧
这个烟花很逼真的啊
绿叶清舟 发表于 2022-8-11 19:18
这个烟花很逼真的啊
看着还要得吧
马黑黑 发表于 2022-8-11 19:43
看着还要得吧
要得
绿叶清舟 发表于 2022-8-11 19:46
要得
要得就好
简直是魔幻电音{:4_178:}
这个太厉害了，耀眼的烟花，还喜欢烟花的颜色配搭，{:4_187:}
马黑黑 发表于 2022-8-11 18:11
hsl：
h，色相，0-360的色盘里，0或360是红色，120是绿色，240是蓝色；
这个还的要记下来，否则还是会搞错
鼠标一点，满屏开花，美美哒，
黑黑老师棒棒哒{:4_187:}
马黑黑 发表于 2022-8-11 07:58
本帖渲染烟花的颜色使用了 hsl 值，hsl颜色体系的知识可参阅 https://www.w3school.com.cn/css/css_colors_ ...
这个颜色和那种常规色码运用不一样吧
马黑黑 发表于 2022-8-11 08:03
本帖封装的函数简单说明：
createParticle(x, y)函数：在xy坐标点创建圆环例子
这个是0基础的
小辣椒 发表于 2022-8-11 21:07
这个是0基础的
主要是要用JS，没基础只能套用
小辣椒 发表于 2022-8-11 21:07
这个颜色和那种常规色码运用不一样吧
道理差不多，hsl可能更高大上一些，rgb次之，十六进制再次之
马黑黑 发表于 2022-8-11 21:12
主要是要用JS，没基础只能套用
这个套用直接加背景？烟花要计算过吗
小辣椒 发表于 2022-8-11 21:13
这个套用直接加背景？烟花要计算过吗
烟花你不用管了吧，换个CSS背景图就好，需要的话还可以加其他的HTML元素
马黑黑 发表于 2022-8-11 21:13
道理差不多，hsl可能更高大上一些，rgb次之，十六进制再次之
这个没有用过
千羽 发表于 2022-8-11 21:02
鼠标一点，满屏开花，美美哒，
黑黑老师棒棒哒
颜色和形态都挺漂亮的吧
马黑黑 发表于 2022-8-11 21:15
颜色和形态都挺漂亮的吧
非常漂亮{:4_178:}