首页 > 其他分享 >GLTF/GLB模型在线预览、编辑、动画查看以及材质修改

GLTF/GLB模型在线预览、编辑、动画查看以及材质修改

时间:2023-12-20 11:25:17浏览次数:42  
标签:预览 GLB 编辑器 材质 模型 GLTF

在线工具推荐:3D数字孪生场景编辑器 - GLTF/GLB材质纹理编辑器 - 3D模型在线转换 - Three.js AI自动纹理开发包 - YOLO 虚幻合成数据生成器 - 三维模型预览图生成器 - 3D模型语义搜索引擎

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

1、查看、浏览

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

2、GLTF模型材质修改

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

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

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

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

和卡车大小的苹果

4、GLTF模型节点属性修改

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

修改模型的基本属性

5、GLTF模型原点重置

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

6、GLTF模型材质合并

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

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

点击GLTF 编辑器工具栏上第二个按钮【合并相同材质的Mesh】,编辑器就会自动将模型中相同的材质进行合并,合并完成后将修改后的模型导出到本地GLB文件。

7、GLTF模型快捷操作

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

8、GLTF模型动画

除以上功能之外,GLTF 编辑器 -NSDT 还支持GLTF的播放预览,如图:

GLTF 编辑器 -NSDT 可以设置3D模型纹理贴图,还可以设置模型的几何原点、以及对有相同材质属性的mesh进行合并,实现模型轻量化,是一款不可多得的实用型在线模型编辑工具。

转载:GLTF/GLB模型在线预览、编辑、动画查看以及材质修改 (mvrlink.com)

标签:预览,GLB,编辑器,材质,模型,GLTF
From: https://www.cnblogs.com/mvrlink/p/17916106.html

相关文章

  • fbx2gltf怎么下载使用
    1.先去github找到官网:https://github.com/facebookincubator/FBX2glTF2.找到右侧tags,然后点击进去,下面图片的红色箭头3.点击download,下面图片红色箭头部分 4.点击下载5.把下载好的exe文件改名为fbx2gltf.exe,然后将exe文件放到合适的位置(这个可以随便放位置),然后在这个的位置......
  • (16)FastReport 预览设置
    https://www.cnblogs.com/txgh/p/17641518.htmlFastReport预览设置属性和方法TfrxPreviewOptions.AllowEditpropertyAllowEdit:Boolean;启用或禁用已完成的报表编辑。默认值为 True。TfrxPreviewOptions.AllowPreviewEditpropertyAllowPreviewEdit:Boolean;在报......
  • 界面组件DevExpress VCL v23.2新功能预览 - 支持RAD Studio 12.0
    本文即将发布DevExpressVCL 下一个主要更新(v23.2),在之前的文章中(点击这里回顾>>)我们为大家介绍了新的工具提示、图表空间中的标签重叠等,本文将主要介绍DevExpressVCLv23.2中将支持的RADStudio12.0、增强的图像选择器、字体和自定义图标包等。新版即将发布,敬请期待哦~获取De......
  • 鸿蒙开发|开启鸿蒙开发之旅-发工具下载安装、项目创建和预览
    文章目录一、鸿蒙开发使用语言二、下载开发工具三、安装开发工具四、新建项目五、项目启动一、鸿蒙开发使用语言鸿蒙OS开发支持多种编程语言,开发者可以根据自身技术背景和项目需求选择合适的语言进行开发。目前鸿蒙OS主要支持以下几种语言:Java:Java是一种广泛使用的编程语言,也是An......
  • (13)不运行程序,立即预览报表
    前提是要在设计的时候,数据库已正确连接和显示 双击frxReport1 ......
  • Guardrails for Amazon Bedrock 基于具体使用案例与负责任 AI 政策实现定制式安全保障
    作为负责任的人工智能(AI)战略的一部分,您现在可以使用 GuardrailsforAmazonBedrock(预览版),实施专为您的用例和负责任的人工智能政策而定制的保障措施,以此促进用户与生成式人工智能应用程序之间的安全交互。亚马逊云科技开发者社区为开发者们提供全球的开发技术资源。这里有技术......
  • vue如何实现文件上传及预览
    vue文件上传及预览<template><divid="file"><inputname="files" id="uploaderInput" type="file" accept="images/*" multiple@change="change"/><divclass="file_upload">......
  • Windows系统webp图片预览插件
    Windows系统webp图片预览插件、下载插件并安装软件名称:WebPCodecforWindows(WindowsWebP编解码组件)最新版本:0.19.9(29Jan2020)评可证:Freeware系统要求:WindowsXP/Vista/7/8/10下载地址:WebpCodecSetup.exe(4.9MB)、WebPPhotoshopplug-in(516KB) ......
  • vscode插件开发,使用CustomEditor进行OFD文件预览
    使用js开发,对ofd预览使用的三方库是ofd.js,通过将ofd.js继承到插件里面对点击ofd文件进行预览的效果要实现的效果大致如下:识别*.ofd结尾的文件打开OfdViewer窗口,实现预览ofd文件那么开始了,这里就不详细讲解如何创建vscode插件开发,直接看几个重要的代码,也就是实现的逻辑。......
  • activiti7.1.0.M6流程图预览和进度高亮查看
    activiti7移除了静态方法创建ProcessDiagramGenerator,需要创建DefaultProcessDiagramGenerator实例依赖:<properties><batik-transcoder.version>1.17</batik-transcoder.version><batik-codec.version>1.17</batik-codec.version>......