用 ASCII 点阵(半调网点)做的月亮场景 —— 纯前端单文件,Canvas 渲染,缓慢自转。 与「穹顶」博客关于页的背景同款。
直接双击打开 index.html(需同目录下的 moon_1024.jpg 月面贴图),或起个本地服务:
npx serve .URL 参数 ?a=<弧度> 可指定初始自转相位,例如 index.html?a=2.4。
- 月面贴图降采样到 192×96 并模糊,作为反照率 —— 保留月海,滤掉细碎噪点
- 3.5px 圆点半调网点,按 光照 × 反照率 控制点半径
- 锐利晨昏线;暗面为球体渐变盘 + 极淡的地球反照纹理
- 银河带用 fbm 值噪声生成,月盘位置挖洞做遮挡
- 静态层(银河带、暗盘)放离屏 canvas(DPR=1),只在 resize 幅度较大时重绘
- 旋转是贴图经度平移,每帧零三角函数;主循环 ~30fps、主画布 DPR≤1.5,性能友好
MIT。月面贴图来自 NASA,公有领域。
