Three.js--》建模软件如何加载外部3D模型?

目录

三维建模软件的介绍

Blender官方文档介绍

Blender软件安装

GLTF格式简介

gltf不同文件形式


        看过我之前讲解的three文章的人都知道,我在创建模型的时候都没有使用three.js自带的一些简单模型,而是引入外部的模型并加载到页面上,简言之:对于简单的立方体、球体等类型,你可以通过three.js的几何体相关的API快速实现,不过复杂的模型,比如一辆轿车、一栋房子、一个仓库,一般需要通过3D建模软件来 实现。

三维建模软件的介绍

3D美术常用的三维建模软件,比如Blender(轻量开源)、3damx、C4D、maya等等,特殊行业项目可能涉及到行业软件,比如机械相关(SW、UG)等,建筑相关(草图大师、revit)。

3D建模与程序的分工流程是

3D美术:使用三维建模软件绘制3D模型,导出gltf等常见格式

程序员:加载解析三维软件导出的三维模型

比如使用Blender三维建模软件导出gltf格式模型,然后再通过threejs加载三维模型

程序员学习3D建模的好处:了解3D相关概念,想比较代码,建模软件给人的感觉更加形象容易理解。建模软件与three.js代码的交互,能与美术更好的配合,能够知道建模软件如何导出模型。

初学者该选择什么建模软件?博主推荐大家使用 Blender软件 ,安装简易开源免费,易操作,接下来将简单介绍一下Blender建模软件的安装:

Blender官方文档介绍

首先先进入其下载官网:Blender官网 ,然后点击官网主页的 Download 进行下载,如下:

进入下载页面后,根据自己电脑的系统进行选择,我个人电脑是window,选择相应系统,这里建议下载 zip 格式,更方便快速安装和不容易出错。

如果点击没反应,下拉到下图所示位置再次点击下载即可:

如果想查看每次版本更新之后新增的一些功能,可以查阅 版本最新变化 ,这里可以借助翻译软件进行查看即可:

点击download下的demo files,就可以白嫖官方历代闪屏文件和资产库文件

Blender软件安装

下载 blender 软件 zip 完成之后,接下来就可以进行相应的安装了,这里建议安装到D盘,然后安装路径注意不要有中文路径,避免渲染出错。解压压缩包然后进入到文件当中,然后找到如下图所示的文件发送到桌面快捷方式:

找到桌面的快捷方式双击进行打开即可,进入软件主页面之后选择对应自己想要的语言,例如中文

然后点击空白处让当前弹框消失即可,然后点击菜单栏中的编辑选项,选择偏好设置,取消勾选新建数据,避免文件出错。

然后选择系统,勾选全部显卡和CPU:

然后撤销设置建议设置成100即可:

ok,blender的安装与基础设置就基本配置完成了,接下来可以随时进行3D建模啦。

GLTF格式简介

GLTF格式是新2015发布的三维模型格式,随着物联网、WebGL、5G的进一步发展,会有越来越多的互联网项目Web端引入3D元素,你可以把GLTF格式的三维模型理解为jpg、.png格式的图片一样。现在的网站,图片基本是标配,对于以后的网站来说如果需要展示一个场景,使用3D来替换图片表达也是很正常的事情。

图片有很多格式,对于三维模型自然也是如此,Web开发的时候图片会有常用格式,对于Web3D开发也一样,肯定会根据需要选择一个常见的大家都熟悉的格式,随着时间的发展,GLTF必然称为一个极为重要的标准格式。不仅three.,js,其它的WebGL三维引擎cesium、babylonjs都对gltf格式有良好的的支持。

Khronos Group组织2015发布了GLTF1.0版本,在2017年又发布了GLTF2.0版本,关于gltf的更多介绍和信息,可以查看github:https://github.com/KhronosGroup/glTF

gltf包含内容:相比较obj、stl等格式而言,.gltf格式可以包含更多的模型信息。.gltf格式文件几乎可以包含所有的三维模型相关信息的数据,比如模型层级关系、PBR材质、纹理贴图、骨骼贴图、变形动画等等。

gltf格式信息:如果你有一定的前端基础,那么你对JSON一定不陌生,GLTF文件就是通过JSON的键值对方式来表示模型信息,比如meshes表示网格模型信息,materials表示材质信息等。

.bin文件:有些gltf文件会关联一个获多个.bin文件,.bin文件以二进制形式存储了模型的顶点数据等信息。.bin文件中的信息其实就是对应gltf文件中的 buffers 属性,buffers.bin中的模型数据,可以存储在 .gltf 文件中,也可以单独一个二进制 .bin 文件。

二进制 .glb:gltf格式文件不一定就是以扩展名 .gltf 结尾, .glb就是gltf格式的二进制文件。比如你可以把 .gltf 模型和贴图信息全部合成到一个 .glb 文件中,.glb文件相对 .gltf 文件体积更小,网络传输自然更快。

gltf不同文件形式

三维建模软件比如Blender,可以根据设置以不同形式导出gltf模型,比如单独导出一个 .gltf 文件,比如单独导出一个 .glb 文件,比如导出形式为:.gltf + .bin + 贴图多个文件。

.gltf格式模型文件,有不同的组织形式。单独 .gltf 文件、单独 .glb文件、.gltf + .bin + 贴图文件。

注意:贴图等数据单独是一个文件的时候,注意不要随意改变子文件相对父文件gltf的目录,以免找不到资源。这一点很重要,切记!!!

这些不同形式的gltf模型,加载代码其实没啥区别,比如说我们通过3D建模软件画好一个模型之后,就可以通过建模软件进行一个导出,如下:

比如说这里我选择导出gltf模型之后,可以自行选择要导出的格式:

ok,3d建模软件的下载以及如何导出gltf模型的简单介绍到这里就结束了,后期博主也可能会讲解一点关于3D建模Blender的相关知识,关注博主,让学习之路不再迷茫!

猜你喜欢

转载自blog.csdn.net/qq_53123067/article/details/130877236