WebGL 三维校园可视化系统（Vue3 + Three.js）产品系统Vibe Coding

适用职业教育与高校信息化、招生宣传，可延伸到智慧园区、展馆导览、产业园区可视化等一切需要「空间 + 数据」同时表达的场景。业务背景包括招生季线上展示、新生与访客入校前导览、校园开放日与校友返校演示、设施运行状况的看板式呈现。

平台含五个模块：三维漫游（环绕与第一人称双模式、点击建筑弹窗、校门一键进校、自动路径飞行、昼夜光照切换）、校园介绍、五张 ECharts 数据看板、留言互动与三维背景首页。已验证覆盖 10 栋教学楼、3 个校门、6 处广场、8 条道路；技术栈 Vue 3 + Vite + Three.js + Element Plus + ECharts，前端源码 16 个文件约 1.76 万行，构建产物 3.5 MB，适配移动端。

① 程序化建模：不引入任何模型文件，建筑按「形体 + 尺寸 + 层数」参数化生成，含窗框玻璃、壁柱、勒角、女儿墙、雨篷、台阶、屋顶设备等构件；纹理全由 Canvas 运行时绘制，无外部图片。
② 昼夜光照不用后期处理，直接调四盏灯参数与材质自发光，夜间让窗户与路灯亮起。
③ 摄像机导航走二次贝塞尔曲线配合缓动函数，避免直线穿楼。
④ 同角色构件批量合并以降低绘制调用；贴地构件共面造成的闪烁，用「地面下沉 + 多边形偏移」治理。