将三维模型（obj）导出js格式供threeJS中调用

最新推荐文章于 2024-08-02 21:49:17 发布
最新推荐文章于 2024-08-02 21:49:17 发布
阅读量1.5w 收藏 20
点赞数 7
分类专栏： webgis 杂谈
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cj9551/article/details/80307426
版权
webgis 同时被 2 个专栏收录
88 篇文章 69 订阅 ¥119.90 ¥299.90
订阅专栏 超级会员免费看
杂谈
17 篇文章 0 订阅
订阅专栏
这篇博客记录了如何将3Dmax或Blender创建的obj格式三维模型转换为js格式，以便在threeJS中使用。首先需要Python环境，接着设置环境变量，下载three.js并找到旧版的convert_to_threejs.py脚本。将模型和脚本放入同一文件夹，通过命令行运行转换命令，最终得到的result.js文件可在threeJS中通过JSONLoader加载显示。
摘要由CSDN通过智能技术生成
前言

前段时间自己做过将在3Dmax中画的三维模型转换为js格式，通过threeJS中调用显示，最近又在做相关的项目，在这写个笔记吧。

1. 转换前准备
  1. 准备obj格式的三维模型
    首先你肯定得需要一个obj格式的三维模型吧，我们可以打开Blender，或者3Dmax，随便构建一个三维模型；如图所示（这里我用3Dmax）：
    这里写图片描述这里写图片描述
  2. 安装python
    我的电脑是安装了python2.7.11，大家可以去官网下载，下载地址，你也可以去官网下载最新的版本，不过这里我使用的是python 2.x，因为在后面对应的转换方法是通过python 2.x来实现的，当然也有对应的python 3.x
了解本专栏 订阅专栏 解锁全文 超级会员免费看
jiegiser#
关注
专栏目录
订阅专栏
threejs 导出obj_Three.js保存导出.ply、.obj、.GLTF等格式三维模型
weixin_39953578的博客
01-14 2198
Three.js保存导出.ply、.obj、.GLTF等格式三维模型无论Three.js加载的任意格式三维模型，还是通过Threejs的API创建的一个三维模型，都可以导出为一个文件保存三维场景的数据。你可以自定义提取保存Three.js中任何的三维场景信息，比如Threejs中的光源数据保存，threejs中的几何体顶点数据提取保存，你也可以按照一定的标准导出特定格式的三维模型，比如导出.obj...
three.js obj转js的详细步骤
04-20
js格式的模型文件是three.js中可以直接加载的文件。使用THREE.JSONLoader()直接加载，而不需要引用其它的loader插件。
Three.js - 加载 .OBJ 格式模型（十六）
小小的前端
04-26 6974
.obj obj文件是3D模型文件格式。 它包含的信息都是几何体顶点相关数据，不包含动画、材质特性、粒子等信息。 使用 第一步当然是找UI设计要文件了，这里没有UI就自己到网上下载了一个文件。 创建基础代码，这里使用方向光和半球光让模型更立体。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>学习</title>
数字孪生引擎：拿unity3D和three.js相比，有点羞辱前者了。
最新发布
2401_82881178的博客
08-02 1640
Unity3D 是一款跨平台的游戏引擎，由Unity Technologies开发和维护。它支持多种平台，包括Windows、Mac、iOS、Android等，并且可以用于开发2D和3D游戏、虚拟现实和增强现实应用等。Unity3D 提供了丰富的工具和功能，包括场景编辑器、物理模拟、动画系统、碰撞检测、粒子效果等，方便开发者创建和管理游戏内容。同时，Unity3D 还支持多种编程语言，如C#和JavaScript，使得开发者可以根据自己的喜好和需求进行开发。
ThreeJS-VUE-3DMax 实现Web3D（简单测试）
m0_53707852的博客
11-30 2533
使用threejs在页面实现一个简单的3D交互效果。
threejs第五篇【一条龙测试之一 3DSMAX模型建立导出obj】
印心石屋
12-30 9262
大家好，今天刚刚做了项目提成表，提成做了，等着发钱。要是每天都有发的，该多好：）昨天晚上的彩票查了一下。没中！！！还是认认真真老老实实学东西吧。 前几天分享了一下一些基础东西，今天一条龙测试看看吧。做什么呢？ 用3dsmax做个模型，导出Obj格式，three.js加载。点击模型，模型发生颜色变化。就这么个一条龙，做做看！ 第一步：3dsmax打开，做个Torus Knot001模型
3ds Max Obj文件转换到threejs支持的json格式的Python代码
05-17
注：该代码生成的格式已不适合最新版本的threejs使用，仅供参考。   压缩包里面有两个转换文件，一个是 convert_obj_three_for_python2.py，是用于Python2,另一个是convert_obj_three_for_python3.py，可用于python3。   格式举例：   python convert_obj_three_for_python3.py -i building.obj -o building.js   成功后，提示如下信息，并生成building.js： Converting [building.obj] into [bu
从3dMax导出供threeJS使用的带动作模型与加载（认真修改详尽版）
weixin_33939843的博客
04-29 1913
评论区发现的建议，最近没空测试，先贴这 还有好多人说找不到插件的 https://pan.baidu.com/s/1Q5g0... 密码：b43e 。 应该是他们现在只是维护blender，只有这个的插件，不如改用blender？ 在自己做的一个小玩意中，发现要从3dMax中导出js文件供给threeJS使用，真是太多坑了！所以打算详细...
6.把建模工具导出的模型导入到three.js中
Kingder
09-18 3500
1.使用Three.js渲染导出的DAE在Three.js中使用Collada(即.dae)文件的话，首先得要用到 ColladaLoader.js。但是这个ColladaLoader.js并不包含在three.js文件里面，需要你自己下载然后添加进来。这个文件中three.js的repo里面的examples/js/loaders/ColladaLoader.js如果你检出了three.js的源代
道路 含贴图 3dmax格式，可以自行转为gltf obj fbx 格式，Threejs、cesium可用
05-21
道路 含贴图 3dmax格式，可以自行转为gltf obj fbx 格式，Threejs、cesium可用
three.js 引用3dmax 导出的obj与mtl文件及相关模块操作
10-26
three.js 技术导入 3dmax 生成的.obj与.mtl文件后操作3d模块移动及点击模块变色功能，刚刚接触 three.js 写的不好的话欢迎大神指教，谢谢！
MFC+OpenGL 读取并显示STL三维模型_c ++ 三维图形数据stl,c++ opengl stl3d显示
08-30
在本文中，我们将深入探讨如何使用MFC（Microsoft Foundation Classes）和OpenGL库来读取并显示STL（Stereo Lithography）格式的三维模型。STL是一种广泛用于3D打印和计算机辅助设计（CAD）的文件格式，它包含了物体...
rvt2obj_revit导出_revit生成obj_revitobj_rvt2obj_obj
09-11
在Revit中，用户可以创建三维建筑模型，包含丰富的建筑元素和详细信息。然而，Revit的原生文件格式.rvt并不被所有3D建模或渲染软件所支持。为了解决这个问题，我们需要将Revit模型转换成其他通用格式，比如.obj。 `...
如何将文件名为obj的3d素材转换为符合three.js标准的json格式的js文件
kevinkew的专栏
09-23 6690
最近无意间发现一个好东西（three.js），three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。 官方相关文档（http://threejs.org/examples/），大家可以去看看里面的例子
three.js 加载obj文件并解析
yinge0508的博客
03-08 4066
效果： 说明：使用三维软件导出.obj模型文件的时候，会同时导出一个材质文件.mtl；.obj和.stl文件包含的信息一样都是几何体顶点相关数据，材质文件.mtl包含的是模型的材质信息，比如颜色、贴图路径等。可以只加载obj文件，默认材质是Phong ； 只加载obj文件的话，直接将返回的数据添加到场景中即可； <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&...
SuperMap Hi-Fi 3D SDK for Unreal 插件中模型材质导出与前端加载
SuperMap技术控
12-20 735
前文讲述了利用原始矢量面数据或者模型数据集生成缓存，通过材质映射关系在UE中进行美化。接下来本文将介绍如何将UE中白模美化的材质导出，并在SuperMap iClient3D for WebGL（以下简称WebGL）中加载，实现接近游戏引擎中的材质效果。
3DMax、Unity、Threejs旋转转换
weixin_41086696的博客
06-14 1890
说明 关于矩阵 两矩阵相乘必须满足[m*n]*[n*p]=[m*p]，也就是一个m行n列的矩阵R1，只能与一个n行任意列的矩阵R2相乘，结果是一个m*p的矩阵（m行p列），且结果中第a行b列的值是通过R1的第a行与R2的第b列的数分别相乘后相加得到。 例如 1 3 6 0 2 2 1 0 [3*4]矩阵 ...
Three.js加载obj+mtl(OBJLoader2)
weixin_43974540的博客
03-27 6947
官方案例：添加链接描述 方法实现： function addObjNew(objDef){//新版本写法 var objLoader = new THREE.OBJLoader2(); var callbackOnLoad = function ( event ) { model=event.detail.loaderRootNode;//获取模型 model.children.for...
Three.js入门：自定义形状与Geometry详解
此时，可以考虑使用3D建模软件如3ds Max或Blender创建模型，导出为OBJ或FBX格式，然后使用Three.js的加载器（如`THREE.OBJLoader`或`THREE.FBXLoader`）导入到场景中。这种方式不仅节省时间，还能保留更多细节和材质...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jiegiser#

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值