daily-work-20261112:基于 Canvas 2D 与原生 JavaScript 的黑洞光环视觉演示项目

可用于探索黑洞光环的视觉交互体验,或作为 Canvas 创意编程参考。基于原生 JavaScript 和 Canvas 2D 实现,支持光环尺度调节、鼠标视差和种子化星空背景,零依赖零构建,双击 HTML 离线即可运行,每日自动更换配色与参数。【此简介由AI生成】

Branch1Tags0
FilesLast commitLast update
17 hours ago
17 hours ago
17 hours ago
17 hours ago
17 hours ago
17 hours ago
17 hours ago

黑洞光环视觉演示 · 1112期

调节光环尺度,观察星空与盘面视差

用二维画布呈现黑洞光环、星空与吸积盘的视觉效果,支持尺度调节和鼠标视差,不用于物理计算。

架构图

实际运行截图


功能特性

特性 说明
尺度调节 滑块改变画面中的光环尺度
鼠标视差 指针位置影响盘面展示视角
星空背景 种子随机生成星点
视觉演示 用几何与渐变绘制盘面,不进行相对论求解

系统架构

整体分为四层:

  1. 输入层 — 接收滑块、按钮或画布指针操作
  2. 状态层 — 保存模式参数及粒子、系数或节点状态
  3. 更新层 — 执行对应演示的数值更新
  4. 绘制层 — Canvas 2D 绘制图形与视觉反馈

技术栈

  • Canvas 2D — 全部视觉效果的原生绘制,无任何图形库
  • requestAnimationFrame / 定时器 — 逐帧渲染与世代节拍
  • 种子化伪随机(mulberry32) — 当日种子决定布局与配色,每天面貌一新
  • 原生 JavaScript (ES2020+) — 零依赖、零构建,单个 index.html 即可运行

快速开始

# 直接双击 index.html 用浏览器打开即可,离线可用

期号

1112 期 · 由每日锻造流水线自动生成,同主题次日会换上全新配色与参数。

许可证

MIT

Introduction

可用于探索黑洞光环的视觉交互体验,或作为 Canvas 创意编程参考。基于原生 JavaScript 和 Canvas 2D 实现,支持光环尺度调节、鼠标视差和种子化星空背景,零依赖零构建,双击 HTML 离线即可运行,每日自动更换配色与参数。【此简介由AI生成】

Customize your domain