模型
文章平均质量分 66
左本Web3D
互联网软件开发工程师,专注Web3D使用ThreeJS实现Web3D效果技巧和学习案例。积跬步以至千里,致敬每个爱学习的你。
展开
-
Three.js实现汽车3D展示/开关门/变色/运动/视角切换/波动热点/汽车模型
参考案例:three.js examples (threejs.org)https://threejs.org/examples/?q=car#webgl_materials_car 这里需要引入的js库1,汽车3D展示使用GLTFLoader.js加载模型,需要模型可以联系我2,汽车开关门效果实现,先获取汽车车门对应的模型对象,然后使用Tween.js实现车门旋转动画效果。3,汽车变色效果实现,获取车体模型对象,修改车体模型材质。4,汽车运动效果实现,获取汽车车轮模型对象,实时刷新更改汽车车轮旋转达原创 2022-06-17 15:57:45 · 5614 阅读 · 7 评论 -
Threejs实现镜头跟随物体移动效果,镜头拐弯并保持运动方向
1,介绍该示例使用的是 r95版本Three.js库。主要实现功能:创建一个管道(管道的作用主要是方便观察运动方向),镜头跟随物体移动效果,物体上下左右拐弯镜头跟随拐弯。效果图如下:2,实现思路1,定义关键固定位置坐标,用固定坐标值生成一组曲线。2,将曲线分割成多份获取分割后的一组顶点坐标3,加载物体并设置初始位置,这里用的是个飞机模型4,通过Threejs的帧动画实时修改物体坐标和物体朝向,达到运动效果根据坐标生成曲线,并创建一个管道// 通过类C原创 2022-05-19 18:07:02 · 6877 阅读 · 2 评论 -
Threejs实现机械臂运动,机械臂dae格式模型,模型下载
1,介绍该示例使用的是 r95版本Three.js库。主要实现功能:引入机械臂dae格式模型,模拟机械臂运动。效果图如下:2,动画主要说明1,引入机械臂模型,附模型下载地址如下2,使用Tween.js模拟实现动画// 添加坊的模型function initFang() { var loader = new THREE.ColladaLoader(); loader.load('assets/models/abb_irb52_7_120.dae', functio.原创 2022-05-10 10:38:56 · 2070 阅读 · 0 评论 -
智慧养殖,三维可视化解决方案
1,方案介绍建设数字养殖牧场,推进畜禽圈舍通风温控、环境感知、设备监测等设备智能化改造,集成物联网设备,实现畜禽养殖环境智能监控和精准饲喂,畜禽疫病疫情精准诊断、预警、防控。推进畜牧产业信息化标准化。本方案通过3D可视化技术、场景建模技术,集成物联网设备继电器、耳标、传感器、摄像头,实现生产3D可视化的管理系统整体解决方案。效果图如下:2,建设目标(一)实现全养殖牧场三维虚拟仿真 对养殖场大楼、牛棚、牲畜、生产设备、车辆、监控设备、排气扇...原创 2022-05-07 00:00:16 · 4137 阅读 · 0 评论 -
Threejs物联网,工厂3D可视化,加载模型,水流监测,标签动态数据展示
1,介绍该示例使用的是 r95版本Three.js库。主要实现功能:引用水厂模型进行展示,模拟水流效果,动态显示数据信息。效果图如下:2,主要说明1,加载模型,使用着色器添加颜色效果2,创建管道并添加纹理,这里不过多介绍具体可查看上一篇文章......原创 2022-03-29 22:36:45 · 7416 阅读 · 8 评论 -
Threejs物联网,养殖场3D可视化(三)模型展示,轨道控制器设置,模型沿着路线运动,模型添加边框,自定义样式显示标签,点击模型获取信息
1,介绍该示例使用的是 r95版本Three.js库。主要实现功能:引用养殖场模型进行展示,轨道控制器设置,模型沿着路线运动,使用OutlinePass给模型添加边框,自定义样式显示标签,点击模型获取信息。效果图如下:2,主要说明养殖场3D展示主要使用OBJLoader和MTLLoader加载模型并直接赋予材质进行展示场景中自定义样式显示标签,主要代码,参考Three.js模型标签 (yanhuangxueyuan.com)使用Outlin...原创 2021-12-26 22:12:27 · 7013 阅读 · 3 评论 -
Threejs物联网,养殖场3D可视化(二)
1,介绍该示例使用的是 r95版本Three.js库。主要实现功能:引用养殖场模型进行展示。效果图如下:2,主要说明养殖场3D展示主要使用OBJLoader和MTLLoader加载模型并直接赋予材质进行展示。引入模型代码如下:3,源码 var camera; var renderer; var mesh; function init() { // 创建一个场景,它将包含我们所有的元素,如物体,相机和灯光。 va...原创 2021-12-03 15:54:26 · 5548 阅读 · 1 评论 -
Threejs物联网,养殖场3D可视化(一)
1,介绍该示例使用的是 r95版本Three.js库。主要实现功能:引用养殖场模型进行展示。效果图如下:2,主要说明养殖场3D展示主要使用OBJLoader和MTLLoader加载模型并直接赋予材质进行展示。引入模型代码如下:3,源码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Threejs物联网,养殖场3D...原创 2021-10-19 09:22:25 · 4929 阅读 · 7 评论 -
Threejs工厂模型3Dmax模型obj+mtl格式,源文件下载
1,介绍该模型可用于学习研究,二次开发、threejs3D开发效果图如下:2,下载模型源文件.max格式,obj+mtl格式,立即下载传送门使用threejs渲染工厂模型源码,立即下载传送门原创 2021-08-27 10:48:03 · 2680 阅读 · 1 评论