GLTF在线编辑器

GLTF在线编辑器提供了一个内置的模型查看器,可以加载和预览 glTF/glb 文件。用户可以在不用安装任何插件的情况下直接在浏览中快速查看和编辑器3D模型。

它的功能特点如下:

1、打开GLTF模型

  用户可以在GLTF编辑器中拖入GLB/GLTF模型或者选择打开本地GLB/GLTF模型文件,用户在预览模型的同时,在左侧面板查还可以看模型的网格mesh信息。

2、GLTF模型材质修改

  模型的材质属性可以通过各种贴图和参数来定义,用于控制模型的外观、反射特性和光照效果。下面是一些常见的模型材质属性:

  1. 贴图(Texture):贴图是指将图像映射到模型表面以实现细节和纹理效果的技术。常见的贴图类型包括颜色贴图、法线贴图、高光贴图、环境贴图等。颜色贴图用于定义模型表面的基本颜色。法线贴图用于模拟表面的细节和凹凸感。高光贴图用于定义模型表面的镜面高光反射部分,增强光照效果。环境贴图用于模拟环境光照和反射。
  2. 自发光贴图(Emissive Texture):自发光贴图定义了模型表面自身发光的部分。通过给模型的某些区域赋予自发光贴图,可以使其在渲染时呈现出发光的效果,例如荧光材质或发光纹理效果。
  3. 透明贴图(Opacity Texture):透明贴图用于控制模型表面的透明度。通过透明贴图,可以实现模型局部透明或半透明的效果,如玻璃、水面或植物的叶子等。
  4. 凹凸贴图(Bump/Normal Texture):凹凸贴图通过改变模型表面正常的法线方向来模拟凹凸细节。该贴图可以赋予表面更多的细节和深度感,但不会改变模型的几何形状。
  5. 环境光遮挡贴图(Ambient Occlusion Texture):环境光遮挡贴图用于模拟环境中光线受阻遮挡的效果。它可以增强模型的凹凸感和阴影效果,使其看起来更真实。
  6. 位移贴图(Displacement Map):位移贴图通过改变模型顶点的位置来模拟细节和几何形状的改变。与凹凸贴图不同,位移贴图可以真实地改变模型的几何形状。
  7. 粗糙贴图(Roughness Texture):粗糙贴图用于控制模型表面的光滑度。通过调整粗糙贴图的值,可以实现模型表面的光滑或粗糙的外观。
  8. 金属贴图(Metallic Texture):金属贴图用于定义模型表面的金属属性。通过调整金属贴图的值,可以指定哪些部分是金属的,哪些是非金属的。
  9. 光照贴图(Lighting Texture):光照贴图用于预定义模型的光照效果。通过给模型应用光照贴图,可以在渲染时模拟出各种光照条件下的外观效果。

  此外,在材质属性方面,还有一些与贴图无关的参数,如粗糙度(Roughness)和金属度(Metallicity)。这些参数用于直接控制模型表面的光照特性。粗糙度参数表示模型表面的粗糙程度,取值范围从完全光滑到非常粗糙。金属度参数表示模型表面的金属属性,取值范围从完全非金属到完全金属。

  除了贴图和参数之外,模型的其他属性还包括顶点颜色(Vertex Colors)、面(Faces)和混合(Blending)等。顶点颜色可以为模型的每个顶点指定颜色,用于细节着色和着色效果的增强。面指的就是模型的多边形面,它们构成了模型的几何形状。混合是指在渲染过程中将多个模型或多个材质混合在一起,以实现不同模型之间的过渡和融合效果。

  这些材质属性和参数的组合使用可以创建出各种不同的材质效果,使模型在渲染时呈现出丰富逼真的外观和光照效果。

  GLTF编辑器可以针对模型的网格mesh进行各种常规类型的才是属性修改, 如图所示:

3、GLTF模型位移、旋转、大小修改

  通过右侧变换面板,可以对模型的位置、旋转角度、尺寸大小进行修改,如下图所示:

和卡车大小的苹果

4、GLTF模型节点属性修改

  基本属性栏可展示模型网格mesh的基本属性,基本属性包括:模型类型、模型名称、顶点数数、三角数和可见性等属性。其中模型名称和可见性属性是可进行修改的。

修改模型的基本属性

5、GLTF模型原点重置

  模型原点(Model Origin)是三维模型坐标系中的一个重要概念。它表示模型的局部坐标系的原点或起始点。在三维计算机图形学中,模型原点在模型的局部坐标系中起到了定位和参考的作用。

  模型原点通常位于模型的几何中心或者特定的参考点上,具体位置取决于建模软件和设计者的选择。一般来说,当一个模型被创建时,模型原点默认会被设置为模型的几何中心。这使得在进行旋转、缩放和平移等操作时更加方便,因为这些变换操作将以模型原点为基准进行。

  模型原点的位置对于模型的正确显示和处理非常重要。当模型被加载到渲染引擎或三维应用程序中时,模型原点被用作计算模型在世界坐标系中的位置和姿态的依据。通过相对于模型原点的坐标,可以确定模型在场景中的正确位置和方向。

  在一些三维文件格式(如glTF)中,模型原点的位置和方向可以通过矩阵或变换信息进行描述。这些信息包括平移、旋转和缩放等变换矩阵,以及与全局坐标系之间的转换关系。

  总而言之,模型原点是三维模型中的一个重要概念,用于定位和参考模型的局部坐标系。它在三维计算机图形学中起到了基准和参照的作用,对于正确显示和处理模型非常关键。

  在GLTF编辑器中用户可以很方便的设置模型原点,如下所示:在导入龙门吊时,我们可以看到龙门吊的原点和坐标原点的位置偏差较大:

6、GLTF模型材质合并

  模型材质合并(Material Merging)是指将多个模型中使用的材质合并为一个或少数几个共享的材质。这个过程可以在三维计算机图形中进行,以优化模型的渲染性能和减少内存占用。

以下是模型材质合并的一些作用:

  1. 减少批量渲染次数:当一个模型使用大量独立的材质时,渲染引擎需要为每个材质执行一次绘制调用,这会导致批量渲染次数的增加。通过合并模型材质,可以将多个绘制调用合并为一个或少数几个,从而减少了渲染的开销,提高了渲染性能。
  2. 降低渲染状态切换:在渲染过程中,当使用不同的材质时,渲染引擎需要切换渲染状态,例如纹理绑定、着色器参数等。这些状态切换也会带来额外的开销。通过合并模型材质,可以减少状态切换的次数,从而提高渲染效率。
  3. 优化内存占用:每个材质对象都包含了一些数据,如纹理、颜色、法线贴图等。当一个模型使用大量独立的材质时,会占用较多的内存空间。通过合并模型材质,可以减少重复的材质数据,从而降低内存消耗。
  4. 简化材质管理和维护:当一个模型拥有许多独立的材质时,对于材质的管理和维护会变得复杂。通过合并模型材质,可以减少材质的数量,简化了材质的管理和维护过程。

  需要注意的是,模型材质合并也可能会带来一些限制和影响。例如,如果模型中的不同部分需要使用不同的着色器或材质特性,合并材质可能会造成这些细节的丢失。因此,在进行模型材质合并时,需要根据具体情况权衡优缺点,并确保最终的效果符合预期要求。

  下面来介绍下如何使用GLTF编辑器进行模型材质合并。

7、GLTF模型快捷操作

  除了以上功能之外,为了提升用户体验,方便编辑模型,GLTF编辑器 还提供了撤销、恢复、拷贝模型、删除模型和聚焦等快捷功能。

原文链接:GLTF在线编辑器 (mvrlink.com) 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/77516.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

stm32---外部中断

一、EXTI STM32F10x外部中断/事件控制器(EXTI)包含多达20个用于产生事件/中断请求的边沿检测器。EXTI的每根输入线都可单独进行配置,以选择类型(中断或事件)和相应的触发事件(上升沿触发、下降沿触发…

Linux 文本操作指令

Linux操作系统提供了许多用于处理文本文件的命令和工具。以下是一些常用的Linux文本命令: cat: 用于查看文本文件的内容,也可以用于合并多个文件。 cat 文件名more和less: 用于逐页查看文本文件,特别是对于大型文件。 …

绘图 | MATLAB

目的语法注意事项图片中出现网格grid on放在plot后面在同一图片中绘制多个图例hold on在图形中添加图例legend LineSpec 线性 线型描述线型描述" - "实线" : "点线" - - "虚线" -. "点划线 标记 标记描述标记描述“o”圆圈“squa…

C语言学习系列-->一篇带你看懂内存函数

文章目录 前言memcpy概述模拟实现 memmove概述模拟实现 memsetmemcmp总结 前言 上篇文章学习了C语言字符串函数,只是对字符串进行操作 本节,小编整理了一下C语言中的内存函数,对内存进行操作,只针对会内存块,不针对数据…

消息队列(二):创建核心类及数据库操作

我们核心类主要有四个: 交换机、队列、绑定、消息。这四个核心类还可以继续向下划分。除了这几个还有其他的核心类,先介绍这些,等后面讲到了相关功能实现后面再补充。 核心类 Exchange 关于交换机,我们主要需要实现三种交换机…

【python自动化应用】借助ChatGPT与Python轻松实现办公自动化 —— AIC松鼠活动第九期

背景:当今的工作环境中,高效和快速地完成日常任务对于个人和机构都至关重要。许多人正在利用Python自动化来提高他们的工作效率。Python自动化可以帮助您自动完成繁琐的、重复的、容易出错的任务,从而节省时间和精力。 Python自动化有很多应用…

前端vue按钮控制切换按钮是否禁用和颜色和显示隐藏,利用v-if和v-else

效果 未输入input前图片 输入input后图片 html (1) <input type"number" placeholder"请输入分润数量" placeholder-class"shareprofit_placeholder_num" v-model"money"> <!-- 金钱 --> {{money}} <!-- 可提现余额…

【【萌新编写risc-v之软件的学习使用】】

萌新编写risc-v软件的学习使用 对于vscode我其实没什么好说的 就是先配置好环境 其实vscde作为一个编译器的软件 其实并不需要指望能往里面加载多少功能 我们需要做的就是赋予编辑器更好用的功能和体验 有些人会在vscode里面甚至加入波形 仿真 我觉得不如交给 vivado来用 在vs…

PyTorch实战-实现神经网络图像分类基础Tensor最全操作详解(一)

目录 前言 一、PyTorch数据结构-Tensor 1.什么是Tensor 2.数据Tensor使用场景 3.张量形态 标量&#xff08;0D 张量&#xff09; 向量&#xff08;1D 张量&#xff09; 矩阵(2D张量) 3D 张量与高维张量 二、Tensor的创建 1. 从列表或NumPy数组创建 2. 使用特定的初始…

套接字、信号、管道、消息队列、信号量、共享内存的使用场景

套接字 Socket&#xff08;套接字&#xff09;通常在以下场景中使用&#xff1a; 网络通信&#xff1a;Socket最常见的用途是进行网络通信。通过Socket&#xff0c;可以在不同计算机之间建立连接&#xff0c;并进行数据交换。例如&#xff0c;客户端和服务器之间的通信、对等节…

Vue使用for循环加Promise.all来发送多个请求,并且等到所有请求结束后处理数据

项目场景&#xff1a; 项目中要根据一个模型 id 的数组列表&#xff0c;来查询所有模型的数据我需要对同一个接口循环发送多个请求&#xff0c;次数不定必须等所有结果返回后&#xff0c;再处理数据&#xff0c;并展示 实现方法&#xff1a; <script> export default …

分拣平台API安全治理实战 | 京东物流技术团队

导读 本文主要基于京东物流的分拣业务平台在生产环境遇到的一些安全类问题&#xff0c;进行定位并采取合适的解决方案进行安全治理&#xff0c;引出对行业内不同业务领域、不同类型系统的安全治理方案的探究&#xff0c;最后笔者也基于自己在金融领域的经验进行了关于API网关治…

学习记忆——英语篇

文章目录 英语字母形象起源右脑记忆单词的原则四大步骤第一步&#xff1a;摄取信息第二步&#xff1a;处理信息第三步&#xff1a;储存信息第四步&#xff1a;提取信息 训练例子字母形象训练 右脑记忆单词5大方法字源法编码法字母编码法字母组合编码法 拼音法全拼法拼音组合 熟…

创建对象四种方式JAVA

面试题经常见到&#xff0c;就顺带整理下&#xff0c;创建对象的四种方式&#xff1a; 1.使用new创建对象 2.使用反射创建对象 3.使用clone创建对象 4.使用序列化反序列化创建对象 代码如下&#xff1a; import java.io.*; import java.lang.reflect.Constructor; import…

Navicat连接openGauss数据库报错

错误信息&#xff1a;fe_sendauth:invalid authentication request from server:AUTH_REQ_SASL_CONT without AUTH_REQ_SASL 解决步骤&#xff1a; 1&#xff09;关闭防火墙&#xff1a; 切换root用户执行&#xff1a;su - root 输入密码 systemctl status firewalld 查…

神经网络 01(介绍)

一、神经网络 人工神经网络 (Artificial Neural Network&#xff0c;简写为ANN)也简称为神经网络 (NN)&#xff0c;是一种模仿生物神经网络结构和功能的 计算模型。人脑可以看做是一个生物神经网络&#xff0c;由众多的神经元连接而成。各个神经元传递复杂的电信号&#xff0c…

Orca LLM:模拟 ChatGPT 的推理过程

推荐&#xff1a;使用 NSDT场景编辑器 快速搭建3D应用场景 介绍 在大型语言模型&#xff08;LLM&#xff09;领域&#xff0c;人们一直在追求在不影响其效率的情况下增强小型模型的功能。传统的方法是使用模仿学习&#xff0c;其中较小的模型从大型基础模型&#xff08;LFM&am…

Vue3事件处理

文章目录 Vue3事件处理1. 概念2. 实例2.1 点击按钮次数12.2 v-on 可以接收一个定义的方法来调用2.3 内联 JavaScript 语句2.4 事件处理程序中调用多个方法 3. 事件修饰符4. 按键修饰符 Vue3事件处理 1. 概念 使用 v-on 指令来监听 DOM 事件&#xff0c;从而执行 JavaScript 代…

教务管理系统的开发与实现开题报告

本课题的研究目的和意义 近年来&#xff0c;随着科学技术水平的迅猛发展和管理水平的不断提高&#xff0c;计算机已经被广泛应用于日常管理之中&#xff0c;它的运用不断改进了管理模式&#xff0c;使管理日趋程序化、规范化、现代化&#xff1b;而且极大地提高了工作效率。 …

计算机网络初识

目录 1、计算机网络背景 网络发展 认识 "协议" 2、网络协议初识 OSI七层模型 TCP/IP五层(或四层)模型 3、网络传输基本流程 网络传输流程图 数据包封装和分用 4、网络中的地址管理 认识IP地址 认识MAC地址 1、计算机网络背景 网络发展 在之前呢&…