Threejs 与 3dmax 坐标系的关系

最新推荐文章于 2025-06-04 02:29:40 发布
转载 最新推荐文章于 2025-06-04 02:29:40 发布 · 707 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/JMarshall/p/11545618.html

本文介绍如何确保从3DMax导出的模型在Three.js中正确显示，重点在于调整3DMax中模型的轴向设置，使Z轴朝上，从而在Three.js中实现模型的正确朝向。

https://blog.csdn.net/qq408896436/article/details/53737863

 

Threejs里面因该是y轴向上，所以如果3dmax默认的导出状态就是y轴为上，所以想要物体朝上只需要3dmax里面视图的时候，z轴朝上，那么在threejs中渲染出来的也是朝上的。

转载于:https://www.cnblogs.com/JMarshall/p/11545618.html

a125268288
关注
threejs 模型 世界坐标系和设备坐标系
m0_52009348的博客
04-10 2521
开发中遇到需求需要点击屏幕位置处，生成一个类似圆形弹窗面板，这个交互需要进行的坐标转换为模型坐标（局部坐标）=>场景坐标（世界坐标）=>标准设备坐标=>屏幕空间坐标，也就是一个将3D坐标转换为2D坐标的过程，话不多说，上代码！
threejs + 3dmax 烘培模型展示效果
stonerao
06-01 3881
选择一个模型 选择了一个模型，在three-editor中展示如下 烘培 选择一个建模软件来对模型进行烘培，这里我选择了3dmax来进行烘培，也可以使用blender，c4d等软件来进行烘培。 模型一共有4个mesh， 我使用了vray灯光来对场景进行打光，3dmax中场景渲染的结果 我们开始对物体进行烘培 选择渲染=》渲染到纹理 1、选择需要烘培的mesh 2、使用第二uv来存储烘培的uv信息 3、进行展开uv 选择需要进行的烘培纹理选项，一般选择照明贴图或者完成贴图 点击渲染，然后就会得
three.js 引用3dmax 导出的obj与mtl文件及相关模块操作
10-26
three.js 技术导入 3dmax 生成的.obj与.mtl文件后操作3d模块移动及点击模块变色功能，刚刚接触 three.js 写的不好的话欢迎大神指教，谢谢！
计算机软件3dmax在展览中的研究,基于Three.js无插件三维模型展示的研究.doc
weixin_29151499的博客
07-07 461
基于Three.js无插件三维模型展示的研究基于Three.js无插件三维模型展示的研究摘 要： 应用WebGL技术的Three.js框架为三维网页的开发提供了很好的技术解决方案。Three.js框架的应用可以免去网页3D展示所需要下载渲染插件的麻烦，Three.js框架还可以把三维模型的OBJ格式很方便的加载到网页中来展示。文章探讨了Three.js框架技术，并对网页上展示三维模型进行了分析。关...
使用three.js加载3dmax资源，以及实现场景中的阴影效果
weixin_34198797的博客
07-12 1028
使用three.js可以方便的让我们在网页中做出各种不同的3D效果。如果希望2D绘图内容，建议使用canvas来进行。但很多小伙伴不清楚到底如何为我们绘制和导入的图形添加阴影效果，更是不清楚到底如何导入我们已经制作好的3dmax资源。所以这篇教程将简要介绍如何将我们用3dmax制作好的资源导入进来，以及如何为我们导入的资源，包括所有自己绘制的图形添加阴影。也有很多小伙伴表示根本记不住...
three.js 3d坐标转平面坐标
02-08
在3D图形编程中，Three.js是一个非常流行的JavaScript库，用于在Web浏览器中创建和展示三维模型和场景。...这通常通过Three.js库提供的函数和自定义的坐标转换逻辑来完成，确保3D场景与网页上的2D元素完美结合。
3DMax、Unity、Threejs旋转转换
weixin_41086696的博客
06-14 2047
说明 关于矩阵 两矩阵相乘必须满足[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】三维坐标系深度解析与工业级应用实践
m0_64455070的博客
03-11 583
本文详细介绍了三维坐标系转换的核心算法，包括世界矩阵分解和投影矩阵的逆向工程。现有的代码片段展示了如何获取物体的世界矩阵和相机的视图矩阵，并列举出案例等等
Echarts与Three.js结合：3D可视化进阶
最新发布
AI架构全栈开发实战笔记
06-04 1480
目的：突破Echarts原生3D能力边界（如复杂模型、物理效果），弥补Three.js数据可视化短板（如数据映射、交互组件），实现“专业数据处理+顶级3D渲染”的融合方案。范围：覆盖基础原理（Echarts扩展机制+Three.js渲染流程）、实战开发（3D柱状图/地球可视化）、性能优化（GPU加速/内存管理）、行业场景（工业监控/地理信息）。核心概念：用“餐厅协作”类比Echarts与Three.js的分工原理与流程：通过Mermaid图展示数据→Echarts→Three.js的渲染链路。
用Threejs搭建一个Web3D汽车展厅！
幽幽谷
09-07 2039
用Threejs搭建一个Web3D汽车展厅
ThreeJS加载3D模型
08-09
NULL 博文链接：https://18211103738.iteye.com/blog/2172799
three.js前端使用3D模型引入
08-31
前端使用3D模型引入 import './three.js-master/build/three.js' import './three.js-master/examples/js/loaders/OBJLoader.js' import './three.js-master/examples/js/loaders/MTLLoader.js' import './three.js-master/examples/js/loaders/DDSLoader.js' import './three.js-master/examples/js/controls/OrbitControls.js'
threeJS 3D效果实例
04-14
通过js实现页面的3D效果，可以放大缩小，旋转，隐藏部分内容等
ThreeJS-VUE-3DMax 实现Web3D（简单测试）
m0_53707852的博客
11-30 3195
使用threejs在页面实现一个简单的3D交互效果。
3Dmax+Substance Painter(SP)+.glb+threejs 次时代效果
qiufushuang的博客
11-06 1023
3Dmax+Substance Painter(SP)+.glb+threejs 最近搭建一个页面展示的网页，需要有3d模型及动画加上一些类似大数据界面效果，因前段时间写过一个threejs+.net的webapi界面展示，效果不怎么好看，偶然发现Substance Painter(SP)这个专注贴图的软件，会提供各种材质及自动烘焙和生成各种效果贴图，效果看起来就确实有点次时代了，我把整个过程记录一下，有需要的同学参考之。
three.js加载3D模型(glb/gltf/fbx)
qq_21440443的博客
01-26 1万+
把已经做好的模型导出了模型文件(ojb,glb,gltf,fbx等格式),通过某个可支持此格式的Loader，最终渲染到场景里 ,就像webpack打包css需要css-loader一样的道理；3.把three当作一个3D模型播放器，在播放器里可以对模型做一些操作：调色调光，调整坐标，切换视角，播放模型中的动画…你通过屏幕看到永远只是平面，你看到3d物体也是相机观察后的投影，也就是下图编号区域，下方的图片也是另一台相机投影后的结果。1.一个可以在某个3D建模软件打开的东西，通过某种方案在浏览器中打开；
从3dMax导出供threeJS使用的带动作模型与加载（认真修改详尽版）
weixin_33939843的博客
04-29 2024
评论区发现的建议，最近没空测试，先贴这 还有好多人说找不到插件的 https://pan.baidu.com/s/1Q5g0... 密码：b43e 。 应该是他们现在只是维护blender，只有这个的插件，不如改用blender？ 在自己做的一个小玩意中，发现要从3dMax中导出js文件供给threeJS使用，真是太多坑了！所以打算详细...
ThreeJS 坐标系转化
Define_best的博客
07-28 3759
ThreeJS 坐标系转化（屏幕坐标与世界坐标互转）
threejs加载三维模型
热门推荐
biyusr的专栏
02-20 4万+
直接使用three.js编程建模比较麻烦，实际开发的时候往往会借助一些可视化的3D建模工具，比如SolidWorks、Blender、C4D、3Dmax。不同领域的三维软件支持导出的文件有所差异，比如工业设计、机械设计类的三维软件往往支持导入静态的3D模型，游戏开发常常使用的Blender等三维软件，除了静态的三维模型，还可以导出含有动画信息的三维模型。three.js针对不同的文件格式，提供了许...
3dmax的模型文件怎么用threejs渲染
03-31
要使用Three.js渲染3DMax模型，可以按照以下步骤进行： 1. 将3DMax模型导出为OBJ或FBX格式的文件。 2. 在Three.js中创建一个场景对象。 3. 创建一个Three.js的加载器对象（例如OBJLoader或FBXLoader），用于加载3DMax模型文件。 4. 通过加载器对象加载3DMax模型文件，并将其添加到场景中。 5. 创建一个Three.js的相机对象和渲染器对象，并将它们添加到场景中。 6. 渲染场景并显示渲染结果。 下面是一个简单的示例代码，用于加载OBJ格式的3DMax模型文件并在Three.js中渲染它： ``` // 创建场景对象 var scene = new THREE.Scene(); // 创建相机对象 var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); camera.position.z = 5; // 创建渲染器对象 var renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); // 创建OBJ文件加载器对象 var loader = new THREE.OBJLoader(); // 通过加载器对象加载OBJ文件，并将其添加到场景中 loader.load('model.obj', function (object) { scene.add(object); }); // 渲染场景 function render() { requestAnimationFrame(render); renderer.render(scene, camera); } render(); ``` 注意：在将3DMax模型导出为OBJ或FBX格式的文件时，需要注意模型的缩放比例和坐标系。在加载模型文件时，可能需要进行一些额外的调整和变换，以确保模型在Three.js中正确地显示。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值