dev.to | 📄 原文链接 | 2026-10-29 收录

用代码建 101 座印度古迹:浏览器里的三维地图

来源:dev.to — 2026-10-28

📋 概述

作者没有下载任何现成的三维模型,也没有构建步骤:每一座古迹都是 js/monuments/ 下的一个模块,用 three.js 的基本体(盒子、圆柱、球体、车削轮廓、挤出形状)按接近真实的比例在代码里搭出来。库图卜塔的凹槽是靠把每一层顶点的半径按绕塔角度的余弦往外推做出来的,共用材质放在 helpers.js 里,包括大理石、红砂岩、花岗岩、黄金和几种水面。站点打开不是文件列表而是一张印度地图,101 个地标按类型着色打在轮廓上,同一位置的会折叠成编号簇,点开会放大到彼此分开;右侧是按邦分组、可随输入筛选的列表。每座古迹还有自己的地址(如 #taj-mahal),链接能直接打开某个模型。作者说,先给地图再给模型是最重要的设计决定:大家都知道泰姬陵在阿格拉,却很少有人能把月亮井、拉玛帕或基寺放到地图上。

🔑 核心要点

💡 金句

“Most people know the Taj Mahal is in Agra, but fewer could place Rani ki Vav, Ramappa or Key Monastery.”
译:大多数人都知道泰姬陵在阿格拉,但很少有人能把月亮井、拉玛帕寺或基寺放到地图上。
← 返回 dev.to 首页