Wiki 知识库

全部文档 / 标签: 清明上河图

1 篇
清除

我把《清明上河图》做成了可以互动的横向交互插画

作者以《清明上河图》为题材,用 Codex 辅助开发了一个可横向行走的交互插画项目。文章详细记录了从最初需求定义、视觉规则制定到技术选型的全过程:放弃 Three.js 改用 Canvas 2D 分层绘制,将鸟瞰式原画重构为适合人物行走的宋代街道,包含三个街区、141 位动态人物、虹桥过船和清明时雨等互动事件。开发中通过迭代修复遮挡、坐标、卡顿等问题,将帧率从 25 FPS 优化到 55 FPS,并配套 48 项自动测试,最终实现了用户可参与宋代街市生活的沉浸式体验。

技术 › 前端 Xian | 弦 2026-09-198.5 KB 11K 90 80