我用纯代码在浏览器里造了 101 座印度古迹,没用任何 3D 模型
来源:dev.to — 2026-10-30
📋 概述
这个站上没有一个 3D 模型文件。从泰姬陵到喜马拉雅山间寺院,101 座古迹每一座都是一个小 JavaScript 函数,用盒子、圆柱和穹顶把建筑堆出来,平均每座约 2KB 代码,最小的不到 1KB,整个站点零 npm 依赖、零构建步骤。作者建它的理由很朴素:大多数人能在地图上找到泰姬陵,但很少有人能说出 Rani ki Vav、Ramappa 或 Key Monastery 在哪。所以站点打开就是一张印度地图而不是列表,每座古迹是按类型着色的图钉——51 座寺庙与神龛、25 座陵墓与纪念物、17 座城堡与宫殿、8 座民用与工程建筑。点开一个,地图让位给可旋转、缩放、用方向键穿行的 3D 模型。
🔑 核心要点
- 101 座建筑全部由基础几何体在运行时拼出:站点里不存在任何下载来的 3D 模型文件。
- 平均每座约 2KB 代码,零依赖零构建:最小的那座不到 1KB,整站没有 npm 包。
- 一个着色器统一渲染石头、砖、大理石与水面:材质差异靠同一段着色代码表达。
- 入口是地图而不是列表:按建筑类型用不同颜色区分,覆盖 26 个邦与联邦属地。
💡 金句
There isn't a single 3D model file on this site.
译:这个站上没有一个 3D 模型文件。
👍 0
👎 0
← 返回 dev.to 首页