THREE.GLTFLoader: Unknown extension “KHR_materials_pbrSpecularGlossiness“.

解决glb模型材质加载问题：使用gltf-transform转换

原创已于 2023-07-12 17:00:41 修改 · 872 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js

于 2023-07-12 16:54:21 首次发布

文章描述了一个glb模型在加载时遇到材质显示为白色的问题，解决方案是使用gltf-transform工具进行转换。通过全局安装gltf-transform的CLI，然后运行特定命令，如gltf-transformmetalroughadamHead.gltfnew-adamHead.gltf，可以将Bee.glb模型转换为新的adamHead.gltf文件，修复原有材质问题。

在这里插入图片描述
此报错是原有的glb中材质加载不出来，模型为白色，需要对齐进行转换，如下就是对adamHead.gltf文件进行转换

# 全局安装命令
npm install --global @gltf-transform/cli
# 对 Bee.glb 进行转换
gltf-transform metalrough adamHead.gltf new-adamHead.gltf

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

HenryDZhang

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

解决 Threejs 无法加载 GLTF 模型的材质，报错 Unknown extension “KHR_materials_pbrSpecularGlossiness

weixin_38581127的博客

05-30

4674

threejs 的版本是0.147.0。使用 GLTFLoader 加载 GLTF 模型文件发现材质（Material）没有显示。

1 条评论您还未登录，请先登录后发表或查看评论

3D性能优化 | 说一说glTF文件压缩

txl910514的专栏

09-27

1537

引言最近做T级互动，需要使用到3D模型。相信大家和我一样，在开始着手的时候，一定会有这么些问题： 1.如何选择3D模型的导出格式 2.如何对模型文件进行优化 3.在大流量的项目中兼容性怎么样让我们通过这篇文章，进行细致的探索、调研与沉淀。一、什么是 glTF 文件 glTF全称Graphics Language Transmission Format，是三维场景和模型的标准文件格式。 glTF 核心是 JSON 文件，描述了 3D 场景的整个内容。它由场景结构本身的描述组成，其由..

ThreeJS 引入GLb文件后报警告 Unknown extension “KHR_materials_pbrSpecularGlossiness“.

weixin_43865334的博客

06-29

1095

glb，gtlf，ThreeJs

解决Cesium1.50对gltf2.0/3dtiles数据读取的问题

群来群往的博客

11-13

5539

问题说明 Cesium 1.50（2018/10/01)版本打开3dtiles可能会出现加载不上导致渲染停止的错误。错误说明为：RuntimeError: Unsupported glTF Extension: KHR_technique_webgl 错误截图如下：输入图片说明解决方案我发现原因是KHR_technique_webgl扩展新版Cesium已经不支持的缘故，需...

GLTF教程翻译

qq_40985985的博客

04-17

644

GLTF教程翻译1. 使用WebGL介绍GLTF2. GLTF的基本结构2.1 GLTF核心2.2 对外部数据的引用参考本教程介绍了GLTF，GL传输格式。它总结了GLTF最重要的特征和应用案例，并描述了与GLTF相关的文件的结构。它解释了如何读取，处理，并用于有效地显示GLTF assets中的3D图形。另外需要了解JSON的一些基本知识，JavaScript对象表示法。此外，需要对常用图形API（如OpenGL或WebGL）的基本了解。本教程专注于GLTF 2.0版，其中介绍了对物理上基于渲染的支持

关于threejs按照官网示例无法加载GLTF问题

weixin_45404652的博客

01-01

1493

今天没事干，尝试做一个threejs的小demo出来。

glTF-Transform 使用教程

gitblog_00462的博客

08-09

1790

glTF-Transform 使用教程 glTF-TransformglTF 2.0 SDK for JavaScript and TypeScript, on Web and Node.js.项目地址:https://gitcode.com/gh_mirrors/gl/glTF-Transform 项目介绍 glTF-Transform 是一个用于处理和优化 glTF 文件的 Node.js ...

【愚公系列】2022年09月微信小程序-three.js加载3D模型

时光隧道

09-13

1万+

Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。一个典型的 Three.js 程序至少要包括渲染器（Renderer）、场景（Scene）、照相机（Camera），以及你在场景中创建的物体。Three.js相关文档：http://docs.thingjs.com/ 安装第三方包：二、3D模型相关js文件三、效果图四、总结 three.js画一个图形主要经历如下八个步骤：

Error loading Material Library file

09-20

引用[3]提到，使用较新版本的Three.js（0.147.0）加载GLTF模型时，出现警告`THREE.GLTFLoader: Unknown extension "KHR_materials_pbrSpecularGlossiness"`，导致材质不显示。 #### 原因分析：该扩展（Specular-...

three.js源码翻译及案例(五)-GLTFLoader.js

qq_34205932的博客

04-17

1万+

写在前面 Three中的加载脚本很多，但是核心思想是差不多的，就是文件用文件解析器加载，图片用图片解析器加载，然后json转换为对象，但是由于gltf格式可以自己编辑所以有的源码参考意义不大，glb及拓展材质都没用上就还没有翻译，以后可能会补上。源码位置该源码位置在three.js源码examples\js\loaders文件夹下源码翻译 /** * @author Rich Tibb...

转：cesuim加载倾斜摄影OSGB三维数据完整过程（超详细）

qq_36266612的博客

04-24

9689

转载一篇关于倾斜摄影数据加载报错的文章，感谢博主原文地址：https://blog.csdn.net/qq_36377037/article/details/86591761 1、得到正确原始.osgb格式数据；（1）倾斜摄影数据仅支持 smart3d 格式的 osgb 组织方式，数据目录必须有一个 “Data” 目录的总入口， “Data” 目录同级放置一个 metadata.xml 文件...

Threejs 源码解析（WebGLExtension.js）

七岁

09-13

1535

/** * @author mrdoob / http://mrdoob.com/ */ /** * WebGL 扩展 * @param gl webGL上下文对象 * @returns {{get: get}} * @constructor * 扩展详见：https://www.khronos.org/registry/webgl/extensions/ */ functio...

threejs加载GLTFLoader模型或者加载不出来

最新发布

11-23

本文详细介绍了JDK的安装和环境变量配置的全过程。首先，从JDK官网下载安装包，然后按照步骤进行安装，默认安装路径为C:Program FilesJavajdk-17。接着，重点讲解了如何配置环境变量，包括新建JAVA_HOME变量和修改Path变量，以便在任意路径下执行Java程序。最后，通过cmd命令验证JDK是否安装成功。此外，文章还附带了一份Python学习资料的推广内容，包括学习路线、视频、书籍、工具包、实战案例和面试题等资源。

VK_KHR_swapchain:VK_KHR_ surface所需的扩展。

03-25

<think>嗯，用户现在问的是关于VK_KHR_swapchain和VK_KHR_surface这两个扩展的关系。首先，我需要确认用户是否了解这两个扩展的基本作用。用户可能是在开发Vulkan应用时遇到了问题，比如创建交换链或表面时遇到错误，或者在配置扩展时出现了混淆。接下来，我需要回忆这两个扩展的具体功能和它们之间的依赖关系。VK_KHR_surface是用于窗口系统集成的，允许创建与不同平台（如Windows、Linux、Android等）兼容的表面。而VK_KHR_swapchain则是用于管理图像队列，实现双缓冲或三缓冲，避免屏幕撕裂。用户的问题可能在于，是否在启用VK_KHR_swapchain时必须同时启用VK_KHR_surface。根据Vulkan的规范，交换链确实依赖于表面扩展，因为交换链需要与窗口系统的表面交互。因此，正确的情况是需要同时启用这两个扩展，并且确保物理设备支持它们。另外，用户可能在代码中遇到了问题，比如没有正确查询扩展支持，或者在创建设备时没有正确传递扩展名称。需要提醒用户检查物理设备是否实际支持这些扩展，特别是在不同平台上可能有不同的支持情况。还要注意扩展的生命周期管理，确保在创建实例和设备时正确启用相关扩展。例如，VK_KHR_surface通常在实例级别启用，而VK_KHR_swapchain在设备级别启用。同时，可能需要处理平台特定的表面扩展，比如VK_KHR_win32_surface或VK_KHR_xlib_surface，这取决于用户的操作系统。此外，用户可能没有正确初始化结构体，比如忘记设置sType或pNext字段，或者在传递扩展名称时使用了错误的数据结构。需要强调Vulkan API对结构体初始化的严格要求，以及使用验证层来捕获这些潜在的错误。最后，应该给出具体的代码示例，展示如何正确启用这两个扩展，并确保它们的依赖关系得到满足。同时，建议用户使用调试工具如验证层、Vulkan配置工具或第三方工具来检查扩展的支持情况，避免运行时错误。</think>以下是关于 **VK_KHR_swapchain** 和 **VK_KHR_surface** 扩展的核心解析： --- ### **1. 扩展的依赖关系** - **VK_KHR_surface** - **作用**：定义跨平台窗口系统（如Windows、Linux、Android）的表面抽象接口，用于连接Vulkan与显示窗口。 - **启用层级**：在 **Vulkan实例（Instance）** 创建时启用，例如： ```cpp const char* instanceExtensions[] = { VK_KHR_SURFACE_EXTENSION_NAME, ... }; VkInstanceCreateInfo instanceInfo{}; instanceInfo.enabledExtensionCount = sizeof(instanceExtensions)/sizeof(char*); instanceInfo.ppEnabledExtensionNames = instanceExtensions; ``` - **平台特定子扩展**： - Windows: `VK_KHR_win32_surface` - Linux X11: `VK_KHR_xlib_surface` 或 `VK_KHR_xcb_surface` - Android: `VK_KHR_android_surface` - **VK_KHR_swapchain** - **作用**：管理图像呈现队列（双缓冲/三缓冲），协调GPU与显示器的同步。 - **启用层级**：在 **逻辑设备（Device）** 创建时启用，例如： ```cpp const char* deviceExtensions[] = { VK_KHR_SWAPCHAIN_EXTENSION_NAME }; VkDeviceCreateInfo deviceInfo{}; deviceInfo.enabledExtensionCount = 1; deviceInfo.ppEnabledExtensionNames = deviceExtensions; ``` - **隐式依赖**：必须同时启用 `VK_KHR_surface` 及其对应的平台表面扩展。 --- ### **2. 扩展的协同工作流程** ```mermaid graph LR A[创建Vulkan实例] --> B[启用VK_KHR_surface及平台扩展] B --> C[创建窗口表面（Surface）] C --> D[查询物理设备是否支持VK_KHR_swapchain] D --> E[创建逻辑设备时启用VK_KHR_swapchain] E --> F[创建交换链（Swapchain）] ``` --- ### **3. 常见错误与验证** #### **错误1：未启用平台表面扩展** - **症状**：调用 `vkCreateWin32SurfaceKHR` 等函数时返回 `VK_ERROR_EXTENSION_NOT_PRESENT`。 - **修复**：确保实例扩展包含对应平台的表面扩展（如 `VK_KHR_win32_surface`）。 #### **错误2：未检查物理设备对交换链的支持** - **必要步骤**： ```cpp uint32_t extensionCount; vkEnumerateDeviceExtensionProperties(physicalDevice, nullptr, &extensionCount, nullptr); std::vector<VkExtensionProperties> availableExtensions(extensionCount); vkEnumerateDeviceExtensionProperties(physicalDevice, nullptr, &extensionCount, availableExtensions.data()); bool swapchainSupported = std::any_of( availableExtensions.begin(), availableExtensions.end(), [](const auto& ext) { return strcmp(ext.extensionName, VK_KHR_SWAPCHAIN_EXTENSION_NAME) == 0; } ); ``` - **注意**：即使实例启用了 `VK_KHR_surface`，物理设备可能不支持 `VK_KHR_swapchain`（例如某些计算专用GPU）。 #### **错误3：未通过表面兼容性检查** - **验证代码**： ```cpp VkBool32 presentSupport = false; vkGetPhysicalDeviceSurfaceSupportKHR(physicalDevice, queueFamilyIndex, surface, &presentSupport); if (!presentSupport) { // 该队列族不支持呈现到当前表面 } ``` --- ### **4. 代码示例：完整启用流程** #### **实例创建（启用表面扩展）** ```cpp // 实例扩展列表（Windows示例） const std::vector<const char*> instanceExtensions = { VK_KHR_SURFACE_EXTENSION_NAME, VK_KHR_WIN32_SURFACE_EXTENSION_NAME, VK_EXT_DEBUG_UTILS_EXTENSION_NAME // 可选调试扩展 }; VkInstanceCreateInfo instanceInfo{}; instanceInfo.sType = VK_STRUCTURE_TYPE_INSTANCE_CREATE_INFO; instanceInfo.enabledExtensionCount = static_cast<uint32_t>(instanceExtensions.size()); instanceInfo.ppEnabledExtensionNames = instanceExtensions.data(); ``` #### **逻辑设备创建（启用交换链扩展）** ```cpp const std::vector<const char*> deviceExtensions = { VK_KHR_SWAPCHAIN_EXTENSION_NAME }; VkDeviceCreateInfo deviceInfo{}; deviceInfo.sType = VK_STRUCTURE_TYPE_DEVICE_CREATE_INFO; deviceInfo.enabledExtensionCount = static_cast<uint32_t>(deviceExtensions.size()); deviceInfo.ppEnabledExtensionNames = deviceExtensions.data(); ``` --- ### **5. 调试工具** - **Vulkan Configurator（vkconfig）**：检查已启用的扩展和层。 - **验证层警告**：若未正确启用扩展，会触发类似 `Extension VK_KHR_swapchain not enabled` 的错误。 - **第三方工具**：RenderDoc 可捕获交换链创建参数是否合法。 --- **总结**：`VK_KHR_swapchain` 的实现依赖于 `VK_KHR_surface` 和平台表面扩展，需在 **实例级** 和 **设备级** 分别启用，并通过物理设备兼容性验证。