全部文档 / 作者: Xian | 弦 / 标签: AI编程

2 篇

做了很多很多 0 Star 的小项目以后，我的作品被 OpenAI 点赞了

作者复盘了自己做过的40多个GitHub小项目（其中20个仍是0 Star），其中互动作品《清明上河图》获得5000多人次体验并得到OpenAI官方点赞。文章按项目类型详细分享了制作过程：清明上河图分段添加交互、邮票和夜景图像处理Skill、数学可视化页面、线上看展互动、口播动画等，讲述了灵感来源、与AI协作的提示方式、第一版后的迭代修改，以及从手稿、小流程、视觉规则到多端测试的七步可复用工作方法，鼓励持续做喜欢的小作品。

技术 › 前端

Xian | 弦 2026-09-2316.0 KB 5.9K 36 76

独立开发前端 Claude Skill 创意项目 GitHub AI编程交互设计作品复盘

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

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

技术 › 前端

Xian | 弦 2026-09-198.5 KB 11K 90 80

Canvas 2D 交互插画清明上河图 Codex 前端开发性能优化 AI编程传统文化 Web动画