Blender导出带透明贴图的gltf模型

简介: Blender导出带透明贴图的gltf模型

在Blender2.8版本以后,直接导出带透明贴图的模型为gltf,会导致模型的贴图,在展示平台中变成不透明的效果。
https://gltf-viewer.donmccurdy.com/中的效果(gltf-viewer是以three.js为基础开发的):
image.png
正常的情况,上图显示树的效果,是那些黑色的贴图效果不显示出来,在blender中,切换到Texture Paint的场景,可以看到正常的效果。
image.png
找到Blender的官方文档,以及从网上搜索,发现在2.7的系列版本中不存在这个问题,但是2.7系列,gltf导出还是要以插件的方式进行加入。
最终,找到可以设置贴图透明的方式,通过修改贴图的属性,达到实现透明贴图继续透明的效果。
切片到blender的Texture Paint场景:
image.png
选择当前模型的贴图,在右侧的小按钮上,选择材质的属性:
image.png
将“混合模式”的属性,将“不透明”改成“Alpha 混合”,保存,再进行模型的导出。
在gltf-viewer再次进行查看,就发现透明的地方,现在已经透明了。
image.png
注:要是多个贴图具有透明的属性,需要都进行修改,不过,blender开放了编程的接口,可以通过python语言进行开发,有机会了列举一下在blender中使用python进行api操作,感兴趣的可以提前看一下api官方文档。
https://docs.blender.org/api/2.80

参考文档:
https://docs.blender.org/manual/en/2.80/
https://docs.blender.org/api/2.80

相关文章
|
编解码 图形学 C++
如何在Blender中压缩/减小GLTF模型的大小
Blender是一款功能强大的开源软件,旨在创建3D图形,动画和视觉效果。它支持多种文件格式的导入和导出,包括GLB,GLTF,DAE,OBJ,ABC,USD,BVH,PLY,STL,FBX和X3D。这种适应性使其成为各种3D项目和工作流程的宝贵工具。(https://www.blender.org/download/)。
968 0
|
编解码 算法 搜索推荐
淘宝人生里的虚拟人像渲染技术
全程干货,淘宝人生里的虚拟人像是如何实现的?
淘宝人生里的虚拟人像渲染技术
|
10月前
|
机器学习/深度学习 人工智能 监控
AutoTrain:Hugging Face 开源的无代码模型训练平台
AutoTrain 是 Hugging Face 推出的开源无代码模型训练平台,旨在简化最先进模型的训练过程。用户无需编写代码,只需上传数据即可创建、微调和部署自己的 AI 模型。AutoTrain 支持多种机器学习任务,并提供自动化最佳实践,包括超参数调整、模型验证和分布式训练。
906 4
AutoTrain:Hugging Face 开源的无代码模型训练平台
|
存储 开发框架 JavaScript
Threejs中三维物体和HTML的爱恨情仇:CSS2DRenderer
【8月更文挑战第7天】Threejs中三维物体和HTML的爱恨情仇:CSS2DRenderer
1080 4
Threejs中三维物体和HTML的爱恨情仇:CSS2DRenderer
|
11月前
|
移动开发 JavaScript 前端开发
ThreeJs简介
这篇文章介绍了Three.js的基础知识,包括其相对于WebGL的优势以及如何使用Three.js创建基本的3D场景。
549 1
|
存储 缓存 开发者
CPU的架构涵盖哪些方面
CPU(中央处理单元)的架构指的是CPU的设计和组织方式,包括其内部结构、数据通路、指令集、寄存器配置、存储器管理和输入输出等一系列设计原则和技术的综合体现。
307 1
|
存储 搜索推荐 安全
学生日常行为评分管理系统 毕业设计 JAVA+Vue+SpringBoot+MySQL(一)
学生日常行为评分管理系统 毕业设计 JAVA+Vue+SpringBoot+MySQL
389 1
|
Rust API 开发者
【一起学Rust | 框架篇 | ws-rs框架】属于Rust的Websocket框架——ws-rs
【一起学Rust | 框架篇 | ws-rs框架】属于Rust的Websocket框架——ws-rs
1458 0
|
弹性计算 自然语言处理 负载均衡
部署高可用WordPress网站
高可用服务是另外一个高频使用的场景,编写模板的流程和《部署单点WordPress网站》一样,但涉及的资源更多一些。本文以《部署高可用WordPress网站》为例,介绍高可用部署类的模板如何编写。
81361 8
|
编解码 Android开发 iOS开发
「UCD」移动端UI设计尺寸规范详解
【7月更文挑战第2天】
1695 3