纯静态部署
全部页面使用 HTML、CSS 与原生 JavaScript,可直接部署至 Live Server 或 GitHub Pages。
REFERENCES · 附录
本页面汇总数字展厅所使用的主要素材、技术与参考资料。场景模型与讲解音频为预留接口, 请以项目实际提供的授权文件为准;AI 生成图像仅作氛围示意,不作为史料证据使用。
MATERIALS
| 素材名称 | 类型 | 来源 / 作者 | 使用位置 | 说明 |
|---|---|---|---|---|
| scene.glb | 三维模型 | 项目方提供 / 待补充 | 云展厅主场景 | 需包含 hotspot_ 前缀的可交互物体 |
| 讲解音频 | MP3 音频 | 项目方提供 / 待补充 | 热点侧边面板 | 对应 assets/audio/ 目录 |
| 院落冬景图 | AI 生成图像 | 本作品生成 | 封面 / 前言 / 拓展页 | 氛围示意,非历史照片 |
| 灯下作战室 | AI 生成图像 | 本作品生成 | 热点 01 配图 | 数字场景复原示意 |
| 战役沙盘 | AI 生成图像 | 本作品生成 | 热点 02 配图 | 数字场景复原示意 |
| 津门旧影 | AI 生成图像 | 本作品生成 | 热点 03 配图 | 历史氛围示意,非纪实影像 |
| Three.js | 开源库 | Three.js 社区 | 三维渲染 | MIT License,通过 CDN 引入 |
| GLTFLoader | 开源模块 | Three.js 官方示例 | 模型加载 | MIT License,通过 CDN 引入 |
| PointerLockControls | 开源模块 | Three.js 官方示例 | 桌面端视角控制 | MIT License,通过 CDN 引入 |
| 平津战役公开史料 | 文献资料 | 纪念馆展陈与公开出版物 | 文字内容参考 | 具体史实请以权威出版物为准 |
TECHNICAL NOTES
全部页面使用 HTML、CSS 与原生 JavaScript,可直接部署至 Live Server 或 GitHub Pages。
样式、脚本、模型、音频与图像均采用项目内相对路径,无需额外配置服务器。
在 js/main.js 顶部调整 HOTSPOTS、碰撞区域与热点命名即可替换为正式素材。
桌面端使用鼠标锁定视角、WASD 行走;移动端使用左侧摇杆、单指环视与双指缩放。
NOTICE
本数字展厅为非商业教学展示作品。历史叙述参考公开资料整理, 不替代专业史学研究;AI 生成图像不应用于新闻、档案或纪实语境。 若需公开展出或商业使用,请替换为馆方授权素材并重新核校史实。
返回封面 →