位置: 编程技术 - 正文

Three.js加载外部模型的教程详解(three.js加载glb文件)

编辑:rootadmin

推荐整理分享Three.js加载外部模型的教程详解(three.js加载glb文件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:three.js加载obj模型,threejs 加载obj,threejs加载3d模型,three.js loader,threejs加载bim,threejs 加载模型,threejs加载外部shader文件,three.js加载obj模型,内容如对您有帮助,希望把文章链接给更多的朋友!

1. 首先我们要在官网: 下载我们three.js压缩包,并将其中的build文件夹下的three.js通过script标签对的src属性导入到我们的页面中

2. 创建three.js核心对象

  Scene(场景)

  Camera(相机)

  Light(光源)

  Mesh(模型)

  Renderer(渲染器)

  最后一步就是渲染显示在我们的页面上了renderer.render(scene,camera)

3. OBJ模型的导入

4. .JS模型的导入

首先我们需要将.OBJ模型的文件转换成.JS文件的模型

.obj格式转.js格式使用的是threejs.org官方提供的一个convert_obj_three.py的工具,这个工具的使用需要安装python环境

转换过程:

将convert_obj_three.py和要转换的.obj文件和.mtl文件放在同一个目录下

打开cmd,切换到对应的目录下

可以得到两种编码方式的.js文件(二进制binary和ascii)

出现的问题,转换格式的问题:

Three.js加载外部模型的教程详解(three.js加载glb文件)

打开.obj文件,

将mtllib关键字后面改成 .mtl文件相对于.obj文件的路径

将文件中的这些&#;改成字母,乱码

.mtl文件中的newmtl 关联到.obj文件中

这是.obj文件中的

5. 准备导入

Ascii

Binary

需要导入

PS:three.js 外部模型加载json

用blender做模型可以直接导出json文件(导出插件可以从three.js包里找到)。从网上下载模型,网上的模型很多事3ds max做的,我就用3ds max把模型格式转换成obj,再导入blender处理好模型后导出json文件。

导出json文件时选项勾选如果选择了SCENE可连灯光一同导出加载时需要用ObjectLoader

导出json文件时如果不勾选scene,需要页面中添加灯光否则模型全黑,加载时用JSONLoader

总结

以上所述是小编给大家介绍的Three.js加载外部模型的教程详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

JS实现移动端整屏滑动的实例代码 基本思路:1)检测手指滑动方向:获取手指抬起时的位置,减去手指按下时的位置,得正即为向下滑动了2)手指抬起后,向对应反向操作改变当前页的

十分钟带你快速了解React新特性 前段时间React的版本发布了,采用了MIT开源许可证,新增了一些新的特性。ErrorBoundaryrender方法新增返回类型Portals支持自定义DOM属性setState传入null时不

微信小程序实现多宫格抽奖活动 最近闲来无事,做了一个多宫格抽奖的例子,有什么需要改进或者错误的地方,请留言,谢谢首先看效果:思路是先让其转动2圈多,然后再进行抽奖,

标签: three.js加载glb文件

本文链接地址:https://www.jiuchutong.com/biancheng/369769.html 转载请保留说明!

上一篇:three.js加载obj模型的实例代码(threejs加载obj模型颜色不对)

下一篇:JS实现移动端整屏滑动的实例代码(js移动端布局)

  • 增值税发票认证在哪里
  • 预缴增值税附加税需要计提吗
  • 印花税退税减半征收会计分录怎么写?
  • 企业所得税免税项目
  • 金蝶财务软件固定资产怎样计提折旧
  • 贸易类公司做产品代理账务如何处理
  • 汽车折旧年限 税法
  • 税收抵免与税收的区别
  • 合作建房如何纳税
  • 应收账款计提坏账比例
  • 材料亏损怎么做会计分录?
  • 收到去年的成本发票
  • 经营杠杆系数分类
  • 外贸企业人民币结算
  • 暂估的成本跨年了怎么冲销后要调整报表吗
  • 集团内部资产划转需要交增值税吗
  • 场地费开票税率
  • 税控维护费的分录
  • 201金8税盘抵扣期限是多久?
  • 公司注销固定资产怎么处理税怎么交
  • 物业公司收的预存水费不够抵减怎么交税
  • 流动资金借款是一般借款还是专门借款
  • 路由器怎么重置网络
  • PHP:pg_convert()的用法_PostgreSQL函数
  • linux如何配置ssh
  • 酒水入库的会计分录怎么做
  • 增值税加计抵减申报表怎么填
  • token的用处
  • 凭证字号怎么写
  • 申请个人所得税
  • win10下 yolov8 tensorrt模型加速部署【实战】
  • openai.error.AuthenticationError: No API key provided.
  • 公司提现金用途
  • 补提企业所得税财务报表应该如何调整
  • 帝国cms如何判断图片有没有被使用
  • 设备安装收入税率
  • 采购流程内容
  • 企业所得税的营业收入包括营业外收入吗
  • 详解中国女足出线形势
  • 可供出售交易性金融资产初始计量
  • 处置使用过的固定资产,税率按多少
  • 金税四期上线后如何查虚开
  • 买水果送水果这样营销可以吗
  • 工会会计固定基金
  • 固定资产是怎么管理的
  • 做账的好处
  • 小规模纳税人申报步骤
  • 贸易公司开发票进项跟销项不符合怎么办?
  • 税局预缴增值税选错月期
  • 资产减值损失如何计算
  • 转让土地及地上建筑物涉及的税金
  • 往来账目
  • 发票金额跟实际金额为什么不一样
  • 季节性停工计入成本吗
  • 亏损股东现金补偿怎么算
  • 采购入库单如何弃审U8
  • 发票认证申报期是什么时候
  • 工会经费能零申报保存不起
  • 不能抵扣的进项税额转出会计分录
  • 公司支付劳务工资怎么做账
  • sqlserver查看磁盘大小
  • 删除一组数据中的指定数据
  • win101909激活
  • Linux系统中修改文件权限
  • ubuntu和windows文件互传
  • linux shell执行命令
  • python生成器详解
  • vue父向子传方法
  • Vue.js与 ASP.NET Core 服务端渲染功能整合
  • Shell脚本统计文件行数
  • 基于javascript的毕业设计
  • jquery属性选择器,选取所有带href
  • JavaScript事件 "事件对象"的注意要点
  • javascript面向对象精要pdf
  • javascript面向对象编程指南第三版
  • property_get/property_set
  • 增值税9%税率适用范围2023
  • 广东政务平台网上办事大厅
  • 电子税务网没开通怎么办
  • 江苏电子口岸卡邮寄大概需要多久
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设