AI篇② 如何用codex做一个bible地图

足迹 · ys生平

首先第一步，使用Hermes快速构建一个页面进行尝试。（Hermes是一个超厉害的智能体，安装部署会放到下一篇）。第一个版本是纯html，显示非常粗糙，也没有具体的标注。不过我期望的大概就是这种结构，左边说明，右边地图。

第二步，使用codex优化，作为最强AI工具（之一），能针对项目进行自动化生成，检查，调试。他调试的方法甚至可以在浏览器中截图，然后分析内容是否合适，有没有排版错误。优化第一步，给他这个初版的html文件，告诉他，根据我的想法，设计一个逐渐扩展到ys生平地图的任务列表。核心思想就是让AI来给出一个完整的设计步骤和实现流程。然后开干。

第三步，根据本次的初稿进行完善。打开本地页面后发现三个问题：

①国外地图放大后效果不佳，没有中文名称

②人物的轨迹不明显，缺乏动效

③地图上显示更多关于智慧书上的地理信息

将这些问题，包括显示的问题交给codex吧。

AI建议地图换成地形图，能对一些常见地理单元有更好的展示，例如：约旦河、犹大山地、加利利湖，还有湖边的迦百农。登山宝训的山其实是小土堆。

再加上一个卡通角色吧。同时对角色活动时显示的文字内容进行控制，输出行动的目的地。为了有更好的展示效果，特别规定了地图视角里面，在主人公的每一次行进中，先进行缩放，然后再移动，保证地图加载顺畅，视觉效果清晰。

所有调整的内容交给AI之后，本地项目已经准备完毕。此时将整个文件打包成zip，通过飞书传给Hermes，进行部署，让Hermes给出一个公网可以访问的地址（前提是有云服务器）。

好好好，看一下最终效果吧。