Skip to content
GemCodexStarPublic

About

明月松间照,清泉石上流 —— 中秋动态画卷 · Canvas + Web Audio 单文件交互网页

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 

Repository files navigation

月照清泉 · 明月松间照,清泉石上流

中秋动态画卷 —— 单文件、零依赖、可离线欣赏的交互式网页。

月悬中天,清泉自山腰石缝渗出,银练沿山势奔流而下:坡陡水急、遇崖垂帘、溅玉飞珠,没入谷底烟岚。松影摇曳,流云拂月,萤火点点,流星偶过——月轮上还藏着嫦娥、桂树与玉兔的剪影。

在线欣赏

https://gemcodexstar.github.io/moon-fall/

特性

  • 全时动态:泉流丝线、山岚流云、萤火星辰,无一帧静止
  • 月宫剪影:嫦娥、桂树、玉兔以"月海"暗斑藏于月轮
  • 轻快泉音:泉声底床 + 五声音阶泛音拨弦,Web Audio 实时合成(右上角「聆泉」开关,首次点击页面自动响起)
  • 可玩交互:点月晕开光环 · 点山汇入清泉 · 点夜空划过流星 · 鼠标拂过带起微风与视差

使用

零依赖单文件:下载 index.html 双击即可离线打开,或直接访问上方在线版本。支持触屏与 prefers-reduced-motion 降级。

技术

原生 Canvas 2D + Web Audio API 实时绘制与合成,无任何外部资源请求。 粒子水物理(贴坡径流 / 崖口垂帘 / 溅玉飞珠 / 谷底生雾)全部由代码程序化生成。


依王维《山居秋暝》意象而作: 空山新雨后,天气晚来秋。明月松间照,清泉石上流。 竹喧归浣女,莲动下渔舟。随意春芳歇,王孙自可留。

About

明月松间照,清泉石上流 —— 中秋动态画卷 · Canvas + Web Audio 单文件交互网页

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages