Threejs渲染obj+mtl模型源码,3D工厂模型
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工厂模型相关推荐
- HiAGM模型源码测试【原始数据集+中文数据集】
论文链接:Hierarchy-Aware Global Model for Hierarchical Text Classification github代码链接:HiAGM HiAGM模型源码测试 ...
- bert模型简介、transformers中bert模型源码阅读、分类任务实战和难点总结
bert模型简介.transformers中bert模型源码阅读.分类任务实战和难点总结:https://blog.csdn.net/HUSTHY/article/details/105882989 ...
- AlphaFold2源码解析(4)--模型架构
AlphaFold2源码解析(4)–模型架构 我们将Alphafold的流程分为一下几个部分: 搜索同源序列和模板 特征构造 特征表示 MSA表示与残基对表示之间互相交换信息 残基的抽象表示转换成具体 ...
- Opencascade源码学习之模型算法_TKO模块文件介绍
Opencascade源码学习之模型数据_TKO模块文件介绍 1.TKO 1.BOPAlgo 2.BOPDS 3.BOPTools 4.BRepAlgoAPI 5.IntTools 1.TKO 1.B ...
- KBQA_多轮对话——模型源码解析(一)Pickle模块功能详解
KBQA_多轮对话--模型源码解析(一)Pickle模块功能详解 pickle --- Python 对象序列化的基本功能 1.pickle基本概念 2.pickle 与 json 模块的比较 3.p ...
- Opencascade源码学习之模型数据
Opencascade源码学习之模型数据 1.模型数据 2.几何工具 1.插值和拟合 1.分析一组点 2.基本插值和近似 3.2D 插值 4.3D 插值 5.2D 拟合 6.3D 拟合 7.曲面拟合 ...
- Opencascade源码学习之模型数据——TKGeomBase模块文件介绍
Opencascade源码学习之模型数据--TKGeomBase模块文件介绍 1.AdvApp2Var 2.AppCont 3.AppDef 4.AppParCurves 5.Approx 6.Bnd ...
- IOCP 网络通讯模型源码解读
From: http://hi.baidu.com/tsingsing/item/1aa5062fa27791fa50fd87b7 以前写服务器的时候用的是iocp,最近偶然发现windows的 网络 ...
- php 框架源码分析,Laravel框架源码解析之模型Model原理与用法解析
本文实例讲述了Laravel框架源码解析之模型Model原理与用法.分享给大家供大家参考,具体如下: 前言 提前预祝猿人们国庆快乐,吃好.喝好.玩好,我会在电视上看着你们. 根据单一责任开发原则来讲, ...
最新文章
- python 一维数组所有元素是否大于_如何最好在python中将一维数组连续元素分组...
- Android Handler.removeCallbacksAndMessages(null)的作用
- u-net语义分割_使用U-Net的语义分割
- 为什么要要使用MyBatis
- java项目打jar包的两种情况
- n阶行列式计算----c语言实现(完结)
- 禁用UpdateOrchestrator重新启动任务
- 在微软 Team 中查看 GIF 文件就能触发账户劫持漏洞?
- 【2016北京集训测试赛(七)】自动机 (思考题)
- 定制.NET GridView的长文本显示表格
- win10计算机管理字体糊,完美解决:Win10系统字体模糊解决教程
- NPI新产品导入管理--陈新春老师
- Truecrypt隐形操作系统终极方案
- 代码实现自动剪辑视频
- 干货收藏!小伙做自媒体半年得5万,分享6大必备素材网
- 校园一卡通管理信息系统的设计与实现(asp.net)
- C# web 分页控件
- 1138 清除行注释(详解study)
- 非科班出身程序员该如何弥补技术差距?
- 三星电容封装料盘注解
热门文章
- Linux虚拟机在线添加GPT格式硬盘
- linux 启动流程与文件系统管理
- 中国IT工作者35岁后的发展出路调查报告
- 代码审计利器-RIPS实践
- chrome://flags是什么?
- java计算机毕业设计京东仓库管理系统源码+mysql数据库+系统+lw文档+部署
- 科技新品 | 索尼全画幅电影摄影机FX6;数字健康管理专业品牌Zepp智能手表;彩色视频电子纸显示器取得重大突破...
- CentOS7下安装和配置MySQL5.7亲测有效(附图文)
- swoole:mac下的测试工具
- nginx动静分离和资源隔离的网站搭建