将3dmax模型放在网页上浏览的详细步骤方法

文章分类:设计资讯-基础教程 发布时间:2019-03-26

3dmax模型怎样才能够放到网页上预览?在我们利用3dmax建完模型之后,除了渲染出图之外,也会有更多的展示方法,将其导入到网页之中预览,就是最其中之一。本期,就来和模型云一起看看,3dmax模型要怎样才能够放在网页上预览吧!

3dmax模型怎样才能够放到网页上预览

3dmax模型怎样才能够放到网页上预览

支持网页预览的3dmax文件格式有obj模型,可以先将3dmax模型导出为obj格式之后,再利用three.js将其放到网页上预览。

步骤一、首先,下载three.js文件,在threejs官网,找到文件后下载。

步骤二、然后,下载解压,会得到three.js-master文件,在build目录找到three.js,这个是three.js的核心功能库。

这个是three.js的核心功能库

步骤三、在example/js/loaders目录,你会看到各种模型格式加载的js文件。

步骤四、本次以加载obj模型为例,准备好obj和mtl文件的模型素材。

步骤五、在3dmax中,打开文件后,在导出里,将准备好的模型导出为obj格式。

将准备好的模型导出为obj格式

步骤六、创建场景的js文件用到基本的three.js,加载模型的js文件用到DDSLoader.js,MTLLoader.js,OBJLoader.js,镜头的转动用OrbitControls.js文件。当然也有其他功能实现替代的js文件,用到的js文件不唯一,文件路径自行设置。

步骤七、利用Javascript代码,将3dmax模型文件上传到网页上,就可以预览了。

以上就是将3dmax模型放在网页上浏览的详细步骤了,最关键的第7步骤之中,需要一点技术的基础才能够完成,各位可以自行查找所需的代码,或者寻找threejs官方网站寻找教程哦!

世界500强选择我们的理由

展览设计搭建服务热线:400-6179-888
  • 官方搭建商

    五届进博会搭建商;第一届进博会搭建项目与搭建面积居行业首位

  • 40万+

    海内外项目搭建面积超过40万平,场馆100余座,搭建项目数与面积总量在展览设计搭建领域一骑绝尘

  • 106个国家

    服务网络覆盖全球106个国家,602个城市,与亚洲,欧洲,北美等200余家主办场馆达成长期战略合作关系

  • 100位+

    拥有100位业界设计师, 服务超过70%的世界五百强及400余家政府机构,荣获设计类奖项60余

  • 一站服务

    一站式展台设计策划运营,多角度为展会营销赋能,打通全产业链,提供一站式设计搭建服务体验

上一页 用3dmax软件在戒指模型里刻字的方法与步骤 下一页 3dmax内存占用过高的解决方法和注意事项