清明上河

清明上河

交互作品国风Three.js

可以走进去逛的宋代沿河街市交互画卷,能行走、乘船、看时雨与虹桥过船;开源的个人作品,打开网页就能玩

它能做什么

  • 在浏览器里以第一视角沿汴河街市行走与乘船
  • 包含水磨作坊、沿河茶市、虹桥烟火、城门货市等场景与「接绳」「招船」「时雨」「过船」等交互
  • 使用 Canvas 2D + Three.js 渲染,支持全景查看
  • 开源、免登录、无需下载,打开网页即进入
清明上河截图暂不可用
清明上河截图暂不可用

适用场景

  • 国风与传统文化爱好者:想以互动方式看一次清明上河图
  • 前端开发者:想研究 Canvas 2D 与 Three.js 怎么做出这种场景
  • 老师与家长:给小孩看一个能动手逛的中国画解读

踩坑提示

  • 访问与速度:托管在 GitHub Pages,实测 1.6–2.4s 打开,国内偶有抽头需刷新;首次进入要等场景资源加载
  • 功能边界:属于可交互艺术演示,不是游戏,没有目标、关卡与存档;内容量固定,逛完一轮再来的动力不强
  • 使用限制:需要较新的浏览器与一定的 GPU 性能,老旧设备可能掉帧或加载失败
  • 长期可用性:仓库 2026-09-17 才创建、87 星、无 LICENSE 文件,是作者的个人作品,GitHub Pages 一旦停用即失效

替代方案对比

替代品比它强在哪比它弱在哪什么情况下选这个替代品
Google Arts & Culture馆藏级高清长卷与讲解,权威性强需代理访问、不能自由行走想看史料解说的版本时
故宫名画记中文解读专业、加载稳交互性弱,基本是高清看图想做作品赏析而不是游玩时
本地用 Three.js 自己做完全自由、能改能扩开发成本高,从零做一遍不现实有明确教学或二次创作需求时

更在意互动体验选清明上河;更在意史料准确选故宫名画记

资源地址

继续浏览

类似发现

随便逛逛
不知道看什么?让阿卷带你随便逛逛
想要投稿
你也找到了好东西吗?分享给所有人
告诉阿卷
没有找到想要的?告诉阿卷帮你找