选一个小实验,让想法在画布上发生。
动手试一试,让代码里的想法发生。
用 Canvas 绘制随机星点,通过透明度变化模拟星空闪烁。
观察星点明暗交替,调整速度改变闪烁节奏,调整主题颜色改变星光。暂停可以查看某一帧,重置会重新生成星点位置。
初始化时生成星点的位置和大小。requestAnimationFrame 逐帧清空画布、绘制圆点,并用正弦函数计算透明度。画布按设备像素比缩放,在高分辨率屏幕上保持清晰。
修改星点数量、大小与闪烁频率。绘制逻辑在 JavaScript 中,HTML 提供 canvas 元素,CSS 控制背景与画布尺寸。