1,介绍
该示例使用的是 r95版本Three.js库。
主要实现功能:引用养殖场模型进行展示,轨道控制器设置,模型沿着路线运动,使用OutlinePass给模型添加边框,自定义样式显示标签,点击模型获取信息。效果图如下:
2,主要说明
养殖场3D展示主要使用OBJLoader和MTLLoader加载模型并直接赋予材质进行展示
场景中自定义样式显示标签,主要代码,参考Three.js模型标签 (yanhuangxueyuan.com)
使用OutlinePass给模型添加边框,主要代码,参考three.js使用OutlinePass给3D对象添加轮廓线 | 边框线 | 高亮边缘 - 踏得网 (techbrood.com)
轨道控制器设置
模型沿着路线运动,参考Three.js模型沿着任意轨迹线运动 (yanhuangxueyuan.com)
点击模型获取信息,参考three.js选择三维模型对象(射线拾取)_郭隆邦技术博客 (yanhuangxueyuan.com)
3,源码和模型
需要完整代码、模型或者其他源码,请进入博客首页查看其他文章或者留言