一个可以探索的主页
从 ENTER SYSTEM 进入,拖动地图浏览街区,靠近建筑查看设施信息,再点击建筑进入对应页面。文档、文章、项目和动态分别对应四座主设施,周围的道路、桥梁和普通建筑构成城市环境。
这个项目正在将空间探索与常规网页阅读连接起来:城市负责发现入口,设施内部页面负责清晰地呈现内容。
已经实现
- 城市导航:拖动浏览、搜索设施、平滑定位和目标锁定;支持滚轮、双指缩放与回到总览。
- 街区环境:六种普通建筑轮廓、通往地块的支路、道路交叉口、高架桥,以及按建筑类型安排的入口步道和街边设施。
- 交互反馈:地形扫描、建筑悬停标注、系统语音和交互音效;声音可关闭并记住设置。
- 返回体验:进入设施时保存城市位置和缩放比例,返回后恢复视角。记录仅保存在当前标签页,使用一次后清除,一小时后过期。
实现中的选择
页面由 Astro 构建,城市使用 Three.js 渲染。普通街区共用四个实例绘制批次,地图按周期延展;地形采用分块缓存和局部更新,减少静止与拖动时不必要的计算。
城市没有为每栋普通建筑增加独立标签。主设施承担导航,街区细节提供空间层次,避免信息和视觉效果同时争夺注意力。
项目详情采用静态页面,不加载城市的 3D 渲染器,让内容阅读保持轻量。
目前的边界
城市导航和主要交互已经完成,内容部分仍在逐步建设。当前已建立项目目录与详情页,文章设施已收录原博客的两篇文章。文档设施已收录原博客的机器人集群使用说明;动态设施已收录原博客的公开短动态;上述内容为本地快照,尚未接入实时数据。
本地构建、模型测试和浏览器交互检查已运行。软件 WebGL 环境的检查用于验证功能与布局,不代表不同设备上的真实帧率表现。
接下来
继续补充真实项目记录与截图,再逐步整理文档、文章和动态内容,并完善内容更新方式。城市侧优先处理体验问题与必要的性能优化,保持内容入口清晰。
