1,介绍

Threejs实现引入工厂模型,加载obj+mtl模型源码下载,可用于学习研究,二次开发

2,部分代码

// 创建一个场景,它将包含我们所有的元素,如物体,相机和灯光。
var scene = new THREE.Scene();var cubeLoader = new THREE.CubeTextureLoader();// 创建一个摄像机,它定义了我们正在看的地方
camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
// 将摄像机对准场景的中心
camera.position.x = 10;
camera.position.y = 50;
camera.position.z = 90;
camera.lookAt(scene.position);
var orbit = new THREE.OrbitControls(camera);// 创建一个渲染器并设置大小,WebGLRenderer将会使用电脑显卡来渲染场景
renderer = new THREE.WebGLRenderer({antialias: true,logarithmicDepthBuffer: true,
});
renderer.setClearColor(new THREE.Color("#0e0934"));
renderer.setSize(window.innerWidth, window.innerHeight);
// 基础光源,并应用到场景
scene.add(new THREE.AmbientLight("#ffffff", 1.5));initModel();// 将呈现器的输出添加到HTML元素
document.getElementById("dom").appendChild(renderer.domElement);// 启动动画
renderScene();// 添加模型
function initModel() {var mtlLoader = new THREE.MTLLoader();mtlLoader.setPath("assets/models/factory_new/")mtlLoader.load('factory.mtl', function(materials) {materials.preload();var objLoader = new THREE.OBJLoader();objLoader.setMaterials(materials);objLoader.load('assets/models/factory_new/factory.obj', function(object) {mesh = object;mesh.scale.set(0.0003, 0.0003, 0.0003);mesh.position.set(-200, 0.5, -200);scene.add(mesh);}, function(xhr) {let num = Math.floor(xhr.loaded / xhr.total * 100) / 100;NProgress.set(num)console.log('加载完成的百分比'+(xhr.loaded/xhr.total*100)+'%');});});
}

3,下载

使用threejs渲染工厂模型源码,立即下载

模型源文件.max格式,obj+mtl格式,立即下载

Threejs渲染obj+mtl模型源码,3D工厂模型相关推荐

  1. HiAGM模型源码测试【原始数据集+中文数据集】

    论文链接:Hierarchy-Aware Global Model for Hierarchical Text Classification github代码链接:HiAGM HiAGM模型源码测试 ...

  2. bert模型简介、transformers中bert模型源码阅读、分类任务实战和难点总结

    bert模型简介.transformers中bert模型源码阅读.分类任务实战和难点总结:https://blog.csdn.net/HUSTHY/article/details/105882989 ...

  3. AlphaFold2源码解析(4)--模型架构

    AlphaFold2源码解析(4)–模型架构 我们将Alphafold的流程分为一下几个部分: 搜索同源序列和模板 特征构造 特征表示 MSA表示与残基对表示之间互相交换信息 残基的抽象表示转换成具体 ...

  4. Opencascade源码学习之模型算法_TKO模块文件介绍

    Opencascade源码学习之模型数据_TKO模块文件介绍 1.TKO 1.BOPAlgo 2.BOPDS 3.BOPTools 4.BRepAlgoAPI 5.IntTools 1.TKO 1.B ...

  5. KBQA_多轮对话——模型源码解析(一)Pickle模块功能详解

    KBQA_多轮对话--模型源码解析(一)Pickle模块功能详解 pickle --- Python 对象序列化的基本功能 1.pickle基本概念 2.pickle 与 json 模块的比较 3.p ...

  6. Opencascade源码学习之模型数据

    Opencascade源码学习之模型数据 1.模型数据 2.几何工具 1.插值和拟合 1.分析一组点 2.基本插值和近似 3.2D 插值 4.3D 插值 5.2D 拟合 6.3D 拟合 7.曲面拟合 ...

  7. Opencascade源码学习之模型数据——TKGeomBase模块文件介绍

    Opencascade源码学习之模型数据--TKGeomBase模块文件介绍 1.AdvApp2Var 2.AppCont 3.AppDef 4.AppParCurves 5.Approx 6.Bnd ...

  8. IOCP 网络通讯模型源码解读

    From: http://hi.baidu.com/tsingsing/item/1aa5062fa27791fa50fd87b7 以前写服务器的时候用的是iocp,最近偶然发现windows的 网络 ...

  9. php 框架源码分析,Laravel框架源码解析之模型Model原理与用法解析

    本文实例讲述了Laravel框架源码解析之模型Model原理与用法.分享给大家供大家参考,具体如下: 前言 提前预祝猿人们国庆快乐,吃好.喝好.玩好,我会在电视上看着你们. 根据单一责任开发原则来讲, ...

最新文章

  1. python 一维数组所有元素是否大于_如何最好在python中将一维数组连续元素分组...
  2. Android Handler.removeCallbacksAndMessages(null)的作用
  3. u-net语义分割_使用U-Net的语义分割
  4. 为什么要要使用MyBatis
  5. java项目打jar包的两种情况
  6. n阶行列式计算----c语言实现(完结)
  7. 禁用UpdateOrchestrator重新启动任务
  8. 在微软 Team 中查看 GIF 文件就能触发账户劫持漏洞?
  9. 【2016北京集训测试赛(七)】自动机 (思考题)
  10. 定制.NET GridView的长文本显示表格
  11. win10计算机管理字体糊,完美解决:Win10系统字体模糊解决教程
  12. NPI新产品导入管理--陈新春老师
  13. Truecrypt隐形操作系统终极方案
  14. 代码实现自动剪辑视频
  15. 干货收藏!小伙做自媒体半年得5万,分享6大必备素材网
  16. 校园一卡通管理信息系统的设计与实现(asp.net)
  17. C# web 分页控件
  18. 1138 清除行注释(详解study)
  19. 非科班出身程序员该如何弥补技术差距?
  20. 三星电容封装料盘注解

热门文章

  1. Linux虚拟机在线添加GPT格式硬盘
  2. linux 启动流程与文件系统管理
  3. 中国IT工作者35岁后的发展出路调查报告
  4. 代码审计利器-RIPS实践
  5. chrome://flags是什么?
  6. java计算机毕业设计京东仓库管理系统源码+mysql数据库+系统+lw文档+部署
  7. 科技新品 | 索尼全画幅电影摄影机FX6;数字健康管理专业品牌Zepp智能手表;彩色视频电子纸显示器取得重大突破...
  8. CentOS7下安装和配置MySQL5.7亲测有效(附图文)
  9. swoole:mac下的测试工具
  10. nginx动静分离和资源隔离的网站搭建