新民大街历史街区三维漫游

文化娱乐 旅游 案例ID:256081
baboon
1 年经验· 狒狒科技公司
微信扫码沟通,客服可协助直接对接工程师;如当前档期不合,也可继续推荐相似案例作者。

案例介绍

文旅方向的三维数字漫游:把长春新民大街历史文化街区的 9 栋历史建筑与 8 套室内展陈,做成浏览器里可自由行走的第一人称场景,桌面键鼠与 HTC VIVE 头显共用同一套交互与界面,双击启动器即可离线运行,不用装任何三维软件。

主要功能:第一人称漫游与楼层切换;建筑碰撞、可正常上下楼;室内展板的讲解点,点开是图文说明;街区沙盘与建筑信息卡;小地图与点击传送;历史沿革场景切换,同一空间里呈现三个时期的风貌;云与远景表现;按帧率自适应的性能降级。

我负责建模与全部程序实现。用 Blender 完成街区与 8 套内景的建模和烘焙,导出 glTF 后做 meshopt 压缩、顶点量化与 KTX2 贴图,外景 727,008 个三角面压到 17.2 MB;碰撞体从模型高度带自动抽取,得到 381 条闭合轮廓、11,073 段墙体线,配合网格哈希与圆-线段推离做角色滑动;渲染侧做分块实例化与几何合并降低 draw call,并针对 VR 双眼渲染优化了云与云影的填充率。整个项目打包后 56 MB,294 个文件,双击即用。

技术栈:Three.js、WebGL、WebXR、Blender、glTF/glb、Canvas 2D。关键词:三维可视化、数字孪生、VR 漫游、虚拟展馆、大场景性能优化。

新民大街历史街区三维漫游

文化娱乐 · 旅游 案例ID:256081
联系该工程师
微信扫码,建群沟通
作者: baboon - 1年经验- 狒狒科技公司

案例介绍

文旅方向的三维数字漫游:把长春新民大街历史文化街区的 9 栋历史建筑与 8 套室内展陈,做成浏览器里可自由行走的第一人称场景,桌面键鼠与 HTC VIVE 头显共用同一套交互与界面,双击启动器即可离线运行,不用装任何三维软件。

主要功能:第一人称漫游与楼层切换;建筑碰撞、可正常上下楼;室内展板的讲解点,点开是图文说明;街区沙盘与建筑信息卡;小地图与点击传送;历史沿革场景切换,同一空间里呈现三个时期的风貌;云与远景表现;按帧率自适应的性能降级。

我负责建模与全部程序实现。用 Blender 完成街区与 8 套内景的建模和烘焙,导出 glTF 后做 meshopt 压缩、顶点量化与 KTX2 贴图,外景 727,008 个三角面压到 17.2 MB;碰撞体从模型高度带自动抽取,得到 381 条闭合轮廓、11,073 段墙体线,配合网格哈希与圆-线段推离做角色滑动;渲染侧做分块实例化与几何合并降低 draw call,并针对 VR 双眼渲染优化了云与云影的填充率。整个项目打包后 56 MB,294 个文件,双击即用。

技术栈:Three.js、WebGL、WebXR、Blender、glTF/glb、Canvas 2D。关键词:三维可视化、数字孪生、VR 漫游、虚拟展馆、大场景性能优化。

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
更多案例
微信沟通 客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×