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

前言

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

1. 转换前准备

  1. 准备obj格式的三维模型
    首先你肯定得需要一个obj格式的三维模型吧,我们可以打开Blender,或者3Dmax,随便构建一个三维模型;如图所示(这里我用3Dmax):
    将三维模型(obj)导出js格式供threeJS中调用_第1张图片将三维模型(obj)导出js格式供threeJS中调用_第2张图片
  2. 安装python
    我的电脑是安装了python2.7.11,大家可以去官网下载,下载地址,你也可以去官网下载最新的版本,不过这里我使用的是python 2.x,因为在后面对应的转换方法是通过python 2.x来实现的,当然也有对应的python 3.x转换方法;安装之后,接下来就是设置环境变量;
  3. 设置环境变量
    选择“此电脑”,右击选择“属性”,在打开的对话框中,选择“高级系统设置”,然后选择“高级”选项卡中的“环境变量”,如图:
    将三维模型(obj)导出js格式供threeJS中调用_第3张图片,然后点击“path”,选择“编辑”,然后点击编辑文本,在里面添加你的python的安装路径,我的是在d盘中的python文件夹中;如图:
    将三维模型(obj)导出js格式供threeJS中调用_第4张图片将三维模型(obj)导出js格式供threeJS中调用_第5张图片,接下来就是下载three.js了;
  4. 准备three.js
    可以在官网上下载,下载链接,但是最新的版本好像转换的函数没有,好像是要通过安装fbx,进行转换;我是没有安装fbx,在官方的源码中写了详细的步骤,怎么准换,大家可以试试;我这里是通过下载的convert_to_threejs.py,来进行转换的;这个也是以前threejs以前的版本中准换的函数;这个链接是通过fbx转化的方式。在这里我主要讲一下通过以前版本的convert_to_threejs.py文件进行转换的方法(这个文件在网上一搜就会有,下载)。
  5. 进行转化
    新建一个文件夹,可以在任意盘,将我们准备的convert_to_threejs.py文件,以及需要转换的obj文件放在新建的文件夹中,如图:我新建的文件夹名称为json,需要转换的文件为22.obj:
    将三维模型(obj)导出js格式供threeJS中调用_第6张图片
    打开cmd命令行,进入到新建的文件夹中,输入下面的命令:
python convert_obj_three.py -i 22.obj -o result.js

这里cmd怎么进入文件夹中,我就不写了,网上有很多;这里转换后的文件为result.js,如图:
将三维模型(obj)导出js格式供threeJS中调用_第7张图片将三维模型(obj)导出js格式供threeJS中调用_第8张图片 至此我们转换工作完成,然后就可以在threeJS中通过JSONLoader函数加载我们的js文件了。

你可能感兴趣的:(webgis,杂谈)