JS React GLTF加载器查询参数
是指在使用React框架中加载GLTF模型时，可以通过查询参数来指定加载器的一些属性或配置。GLTF加载器是一种用于在Web上呈现3D模型的库。下面是完善且全面的答案：
概念： GLTF加载器是一个JavaScript库，用于在Web浏览器中加载和呈现GLTF格式的3D模型。GLTF是一种开放的3D文件格式，它可以捕获一个3D场景的几何形状、材质、动画和其他相关数据。GLTF加载器使开发者可以将这些3D模型嵌入到他们的网站或应用程序中，并以高性能和高质量的方式进行展示。
分类： GLTF加载器通常被分为两类：基础加载器和增强加载器。
- 基础加载器：基础加载器提供最基本的加载和渲染功能，可以加载和显示静态的GLTF模型。
- 增强加载器：增强加载器在基础加载器的基础上提供了更多的功能和效果，例如动画、骨骼绑定、物理模拟等。
优势：
- 轻量级：GLTF是一种基于JSON格式的轻量级3D文件格式，相对于其他文件格式如OBJ、FBX等，GLTF文件通常更小，加载速度更快。
- 兼容性：GLTF是一个开放的标准，被广泛支持和采用，几乎所有现代的Web浏览器和图形引擎都支持GLTF格式。
- 功能丰富：GLTF文件可以包含几何形状、材质、动画、光照、骨骼绑定等多种信息，使得加载的3D模型更加真实和生动。
应用场景：
- 游戏开发：GLTF加载器可以用于在网页游戏中加载和展示复杂的3D模型，提供更加真实的游戏场景和交互体验。
- 虚拟现实：GLTF加载器可以用于构建虚拟现实场景，将3D模型嵌入到虚拟环境中，使用户可以进行沉浸式的体验。
- 产品展示：GLTF加载器可以用于在电子商务网站或产品展示页面中展示商品的3D模型，提供更加逼真和详细的展示效果。
推荐的腾讯云相关产品： 腾讯云提供了一系列与云计算和Web开发相关的产品，以下是其中一些相关的产品：
- 腾讯云对象存储（COS）：用于存储和托管GLTF文件和其他相关资源。
- 产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：提供高性能的虚拟服务器，用于部署和运行Web应用程序。
- 产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云全球加速（CDN）：通过将内容分发到全球各地的节点，加速GLTF文件的加载和传输。
- 产品介绍链接：https://cloud.tencent.com/product/cdn
- 腾讯云云函数（SCF）：可以将GLTF加载器作为云函数部署，以实现高度可伸缩和按需计费的3D模型加载服务。
- 产品介绍链接：https://cloud.tencent.com/product/scf
注意：以上推荐的腾讯云产品仅作为参考，具体选择需要根据实际需求和项目要求来确定。
相关·内容
编辑:将webpack.config.js中的gltf- the loader替换为url-loader似乎解决了这个问题。
我正在尝试使用Three.js在React应用程序中渲染3d模型，但是我
从本地目录加载GLTF文件时出现问题。当我尝试使用GLTF Loader加载GLTF文件时，我得到一个404 (未找到)错误。当我从外部url加载GLTF文件时，它可以正常工作。
GLTF文件本身可以工作。我在一个单独的非react项目(只是一个html文件)中测试了它，其中的GLTF文件是用GLTFLoader加载的，并由本地服务器提供服务。
在单独的非react项目中，THREE.js和GLT
浏览 2提问于2019-05-02得票数 2
1回答
我在Aframe-react应用程序中加载了一个gltf2模型，在检查器中，该模型看起来已加载，但显示为空。
这适用于.gltf 1.0、.gltf 2.0和.glb格式。它们在在线模型查看器中看起来很好，但在Aframe React应用程序中却是空的。
加载模型
<Entity id="mod" gltf-model= "/test_asset/1/scene.gltf" />
和
"dependencies": {
"aframe": "^0.8.2",
"aframe-
浏览 1提问于2018-12-11得票数 0
1回答
我正在尝试使用threejs.But在nextjs应用程序中加载一个gltf文件当我尝试在react上使用nextjs应用程序运行它时，它不工作project.This是我如何与webpack配置next.js的： const withCSS = require('@zeit/next-css');
const withImages = require('next-images');
const withPlugins = require('next-compose-plugins');
module.exports = withPlugin
浏览 30提问于2020-09-15得票数 1
回答已采纳
1回答
如何在网页中呈现混合器模型？
、、、、
因此，我已经探索了在我的web应用程序中呈现我的混合器模型的多种选择，现在我正在以.gltf格式导出我的模型，下面是我的代码
App.js
import React, { Suspense } from 'react';
import './App.css';
import Model from './Model'
function App() {
return (
<div className="App">
<Suspense fallback={null}>
&l
浏览 4提问于2020-07-28得票数 2
回答已采纳
我正在加载大约10‘m的GLTF模型到一个反应的three.js场景中。当用户通过网站体验，他们点击3D模型“场景”，我的GLTF模型被加载。当他们完成这个场景时，在卸载react组件之前，我会进行三次清理。然而，如果一个用户重新访问这个场景，它会再次经历整个加载过程。
是否有一种方法可以保留浏览器缓存中加载的对象，以便即使卸载了react组件，也可以访问随后访问的/组件挂载(即使它仅在同一浏览器会话中，在刷新之前等等)？
下面是模型加载代码：
loadGLB = loader => {
if (sceneConfig.modelFormat === 'glb')
浏览 4提问于2020-05-12得票数 1
回答已采纳
我试图在nextjs中加载一个gltf文件，使用npm‘react 3D-viewer’，gltf文件来自数据库。
import {GLTFModel,AmbientLight,DirectionLight} from 'react-3d-viewer'
import React, { Suspense } from "react";
import getConfig from "next/config";
import axios from "axios";
const config = g
浏览 5提问于2021-06-30得票数 1
回答已采纳
我试图在react-three-fiber fiber (R3F)中加载一个gltf模型，但我做了个噩梦。我试着寻找答案，也有人有类似的问题，但我无法解决我的问题。 我一直在控制台里得到这样的信息： at JSON.parse (<anonymous>)
at GLTFLoader.parse (GLTFLoader.js:213)
at Object.onLoad (GLTFLoader.js:145)
at XMLHttpRequest.<anonymous> (three.module.js:35829) 据我所知，我的代码没有任
浏览 83提问于2020-04-17得票数 3
我正在尝试加载带有.gltf扩展的3D模型，并与类型记录进行交互。具有三维模型的文件夹中的文件是.gltf、.png和.bin文件。用于此任务的工具是drei库中的webpack和useGLTFLoader。我试过不同的工具。主要来源于three.js文库，没有影响。错误显示3D模型未被找到404 (如下图所示)，并且在放置3D模型的位置上没有任何东西出现。
GET http://localhost:3000/assets/models/Duck/glTF/Duck.gltf 404 (Not Found)
我的三维模型渲染组件如下所示：
import React, { Suspense }
浏览 0提问于2020-10-25得票数 3
回答已采纳
我决定在Three.js中尝试使用GlTF格式来渲染模型，并使用此转换器()将模型从Collada转换为gltf。它输出一个*.gltf文件，但是在Three.js中的示例中，它们传递一个*.json文件。如何加载*.gltf文件，或者如何获得要加载的正确文件集？谢谢
浏览 15提问于2014-08-20得票数 8
我试图用react-three- file加载一个.glb文件，得到以下错误。 Error Unexpected token c in JSON at position 3 我不确定我做错了什么-这个问题最常见的解决方案似乎是将.glb文件放在您的公共文件夹中(我确实是这样做的)。所以我现在有点不知所措。 这是codesandbox https://codesandbox.io/s/gltfloader-forked-5nkzl?file=/src/App.js 下面是代码： import "./styles.css";
import { Suspense } from &#
浏览 30提问于2021-08-13得票数 0
1回答
我试图使用glTF加载器在我的reactjs应用程序中加载gltf文件。我设法在画布上显示一个基本的多维数据集，但是使用gltf加载程序，我只能获得空白的画布，而不是3D对象。
我尝试过几个文件路径，但它似乎处于正确的位置(与组件相同的文件夹)。我也尝试过其他glTF文件没有运气。我需要在某个地方包含bin文件吗？
这是我的代码：
import React, { Component } from 'react';
import * as THREE from 'three';
import GLTFLoader from 'three-gltf-load
浏览 0提问于2019-06-13得票数 1
问题：
一切正常:我在/ GLTF /子文件夹中将FBX文件转换为GLTF。
遗憾的是，一些转换后的文件中缺少了一些几何图形，所以我再次尝试将我的FBX文件转换为/TEST/。
突然，模型没有从我的console.log语句中加载和加载：
console.log( 'An error happened: '+JSON.stringify(error) );
我发现了一个奇怪的无用错误：
An error happened: {"isTrusted":true}
因此，我尝试将我的FBX文件转换为.glb，这次转换为/TEST2 2/，并添加一个额外的consol
浏览 2提问于2018-08-14得票数 2
回答已采纳
最近开始使用aframe和ar.js with react。到目前为止都很有魅力。不幸的是，现在一个gltf模型不会加载。
这是我的场景：
<a-scene
vr-mode-ui="enabled: false;"
arjs="debugUIEnabled: false; patternRatio: 0.70"
device-orientation-permission-ui="enabled: true">
<a-assets timeout='30
浏览 11提问于2021-12-08得票数 0
回答已采纳
我一直试图从数据库加载我的gltf文件，但它不工作。我尝试为model.js创建单独的页面，但仍然没有结果。很多人在网上寻找解决方案，但都没有成功。请帮帮忙。代码如下： import React, { useState, useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux'
import { Canvas } from "@react-three/fiber";
import { useGLTF } from '@react-t
浏览 13提问于2021-04-23得票数 1
回答已采纳
我建立了一个简单的模型。还将其转换为gltf/glb。这个模型出现在巴比伦和三个js上。但是每当我试图导入我的html文件时，错误就会出现，
"GLTFLoader.js:149 SyntaxError: 0“位置处JSON中的意外令牌<
注意，我使用的是包包绑定器.
const loader = new GLTFLoader();
loader.load("model.glb", function (gltf) {
car = gltf.scene.children[0];
car.scale.set(0.5, 0.5, 0.5);
scene.a
浏览 2提问于2021-05-11得票数 0
1回答
我使用react-three-fiber在Next.js中，并呈现包含画布的组件，并使用Next的dynamic导入和禁用的服务器端呈现通过useGLTFoader加载glTF文件。在访问/重新加载页面时，将按预期的方式加载和显示glTF。
我的问题是，当切换页面时，会出现以下错误：
THREE.WebGLRenderer:上下文丢失。
当再次导航回页面时，模型是不可见的，尽管画布是可用的，并且我的组件在指定的操作上截图也是正确的(但也没有显示模型)。
保存画布并呈现glTF的组件非常基本，如下所示：
export const Rendering = ({
resourcePath
浏览 1提问于2020-09-01得票数 1
回答已采纳
1回答
我不熟悉three.js和着色器。我从C4d中导出一个带纹理的gltf龙模型，并将其加载到three.js中的网格标准材质中。我想把它们变成卡通素材。使用模型笔划，我可以像这样遍历gltf材料。
mesh.traverse((node: any) => {
let newMat = new THREE.ShaderMaterial({
uniforms: {
},
vertexShader: vertexShader,
fragmentShader: fragmentShader,
});
node
浏览 26提问于2021-05-26得票数 2
回答已采纳
我正在为我的网站加载一个三维模型的地球仪，它需要永远下载。
我使用GLTFLoader在React中加载模型。
loadModals() {
const loader = new GLTFLoader()
loader.load(
"/models/scene.gltf",
gltf => {
object = gltf.scene.children[0]
scene.add(object)
console.log("Model loaded")
},
浏览 36提问于2020-03-25得票数 0
我正在创建一个网站加载gltf三维模型。我想加载更多的模型使用循环。
const loader = new GLTFLoader()
//.setPath( 'models/gltf/DamagedHelmet/glTF/' );
.setPath( 'resources/' );
const resourceData = ["Learning Bee1","Learning Bee2","Learning Bee3"];
//const l = resourceData.length;
for(le
浏览 5提问于2021-11-28得票数 0
2回答
我在加载一个GLTF文件时遇到了问题，我从sketchfab下载了该文件，使用React。当我尝试不使用React (使用常规的index.html和index.js)时，它可以工作，但是当我将代码带到React中时，它会在JSON错误的位置0处抛出一个意外的令牌<。这是我的代码：
import * as THREE from "three";
import {GLTFLoader} from 'three/examples/jsm/loaders/GLTFLoader';
componentDidMount(){
var scene =
浏览 3提问于2020-02-26得票数 4
我正在尝试使用模型查看器在网站上加载一个glTF模型。该模型托管在google drive和dropbox上，但这两个链接都没有加载该模型。加载栏出现，然后为空。但是模型在glTF在线预览器工具上加载得很好。有没有人知道问题出在哪里？示例如下：
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.js"></script>
<script nomodule src="https://unpkg.com/
浏览 20提问于2020-05-16得票数 1
1回答
我发现了一个问题，如果我不能将GLTF文件放在我的React应用程序的公用文件夹中，我就无法将它们加载到场景中。例如，我有MyPVPanel.gltf，我希望将它加载到react应用程序或npm库中，或者我总是使用我的react组件。
我的问题是：
如果开发npm包，是否可以从特定文件夹导入资产。包有类似/public或/assets的东西吗？
我是否可以将自己的包配置为具有静态资产的文件夹？
如何在没有公用文件夹的情况下加载GLTF文件。例如，我们可以导入.png文件，而不会在react应用程序中出现问题。
浏览 11提问于2022-03-31得票数 1
我从加载gltf模型的中获取代码。然后，我从Khronos，加载了样本模型，并尝试加载它，但是我得到了这个错误(几次)
GLTFLoader.js:979 Uncaught (in promise) TypeError: Cannot read property 'slice' of undefined
at GLTFLoader.js:979
at i (GLTFLoader.js:570)
at GLTFLoader.js:975
at <anonymous>
我可以加载.obj模型并尝试模型的几个版本，但是总是会出错。
示例代码确实在本地工作，这意味着它正确地
浏览 5提问于2017-06-22得票数 8
回答已采纳
我用@react-3/纤维，@react-3/drei，3 js和gltfjsx创建了一个3d渲染网站。我想呈现一个gltf文件，并且我已经可以成功地完成它了，但是问题是，每当dev服务器启动时，屏幕就会闪烁并变为空白。虽然如果我使用drei提供的网格(如多维数据集和球形)，屏幕不会变为空白，但只要我想使用自定义gltf模型，屏幕就会变为空白，下面是我的jsx组件和app.js文件。
模型构件
/*
Auto-generated by: https://github.com/pmndrs/gltfjsx
*/
import React, { useRef } from 'react&
浏览 20提问于2022-03-18得票数 1
我出口的型号使用gltf出口商，包括在搅拌机2.8。导出到.gltf很好，但是当导出到.glb时，我再也看不到纹理了。奇怪的是，如果我在gltf查看器.glb中检查文件，它可以正常工作，而在我的环境中，在three.js编辑器中，纹理是黑色的。为什么会发生这种情况，以及如何解决？gltf查看器是否加载了不同的内容？下面是要自己检查的模型，
glTF查看器-工作良好
Three.js编辑器-黑色纹理(添加了环境灯)
浏览 2提问于2019-04-25得票数 0
回答已采纳
2回答
我有一个工作的3d模型查看器在反应，这是我现在试图移植到下一个。我需要GLTFLoader和OrbitControls，它们给了我反应上的问题，我加载了如下所示：
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
不能这样做，因为我将在下一个获得此错误：
SyntaxError: Cannot use import statem
浏览 4提问于2021-04-24得票数 1
回答已采纳
我是新手使用three.js，JavaScript，html和CSS，我正在加载一个3d模型。当我在线拉取gltf文件时，我有一个程序正在运行，例如： loader.load('https://threejsfundamentals.org/threejs/resources/models/cartoon_lowpoly_small_city_free_pack/scene.gltf', function ( gltf )
{console.log(gltf);
scene.add( gltf.scene );
}, undefined, function ( error
浏览 418提问于2021-09-15得票数 0
回答已采纳
1回答
我使用three.js和电容来创建一个原生的iOS和安卓应用程序。我有一些GLTF模型，我想从与代码捆绑在一起并交付给用户的某种资产文件夹中加载，但我不确定如何进行。 关于GLTF Loader的load函数的This文档需要某种url。然而，Parse接受了一个“要解析的glTF资产，作为一个ArrayBuffer”。如何将此glTF文件加载到内存中?这样做的最佳实践是什么？我尝试了import * as Model from './models/myModel.gltf'，但得到了一个Cannot find module错误。
浏览 117提问于2020-04-17得票数 0
在这个最小的反应-三纤维应用程序，我试图加载和包括相同的GLTF模型两次：
import React, { Suspense } from "react";
import { Canvas } from "@react-three/fiber";
import { useGLTF } from "@react-three/drei";
function MyContent() {
const firstGltf = useGLTF("/eye/scene.gltf");
const secondGltf = useGLT
浏览 12提问于2021-08-17得票数 5
回答已采纳
我正在尝试加载RCA-typescipt项目中的.gltf模型文件，但失败了。
我创建了一个名为SceneComponent的.tsx文件，其中包含引擎、场景和画布：
/* eslint-disable */
import { Engine, Scene } from "@babylonjs/core";
import React, { useEffect, useRef } from "react";
/* eslint-disable */
export default (props:any) => {
浏览 39提问于2021-05-13得票数 1
你好，我正在尝试使用Three.Js实现一个3D模型查看器，但是我在加载时间上遇到了问题，我不知道问题可能在哪里。
举个例子，我试图在这里上传这个模型(下载链接)：
您可以在这里的gltf中测试它，例如：
它基本上会在几秒钟后弹出。
然而，你可以看到在我的网站上花费的时间是多么的长：，同样的型号现在需要超过两分钟的时间来加载。这不对，为什么这么慢？
这是我的代码：
<canvas id="canvas"></canvas>
<br>
<div style="margin:15px; margin-b
浏览 5提问于2020-07-09得票数 2
回答已采纳
我尝试用babylon.js加载GLTF模型：
const folder = '/myaddress/';
const modelFile = 'model.gltf';
BABYLON.SceneLoader.Load(folder, modelFile, myEngine, function (scene) {
});
我预计模型将从url /myaddress/model.gltf加载，但巴比伦将从url /myaddress/model.gltf.manifest?1509355427478加载模型。
这种行为的原因是什么？
浏览 7提问于2017-10-30得票数 2
回答已采纳
我使用THREE.glTF加载器来加载网页中的glTF文件，并且文件已经加载并且动画正在工作。
代码：
/*gltf loader*/
var loader = new THREE.GLTFLoader(manager);
loader.load( file_path , function ( data ) { }, function ( error ) { } );
/*play animations*/
var mixer = new THREE.AnimationMixer(gltf.scene);
mixers.push(mixer);
gltf.animations.forEa
浏览 2提问于2018-07-10得票数 0
我一直在尝试使用react-three-fiber将GLTF模型加载到我的gatsby站点，但似乎无法加载。这看起来应该很简单，但我是Gatsby和threejs的新手，我想知道我是否可以得到一些指导。
我的模型存储为static/models/crerar.glb，我使用gltfjsx生成了一个model组件。我试过只引用‘model/crerar.glb’，但也没有成功。
在index.js中，我有：
import Layout from "../components/layout"
import SEO from "../components/seo"
i
浏览 3提问于2020-07-20得票数 2
2回答
作为一个矩阵迷和新手到Three.js/r3f/r3f/着色器，我决定尝试他们与矩阵样的着色器。
我已经浏览了一些文档，找到了一些示例代码并成功地将它们组合在一起，下面是我得到的：
import React, { Suspense, useRef } from "react";
import { Canvas, useLoader, useFrame, useThree } from "@react-three/fiber";
import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoa
浏览 6提问于2021-12-25得票数 0
回答已采纳
我已经从一个网站下载了一组文件，并在blender中导出了glb、gltf和mtl文件。我可以让glb或gltf文件显示在react-three-fiber场景中，但我不确定如何正确显示纹理。我遇到过几个演示，但它们看起来很旧，什么都不能用。 下面是我加载文件的方式。 import desk from '../../assets/desk.gltf'; // or .glb file
const [gltf, set] = useState();
useMemo(() => new GLTFLoader().load(desk, set), []);
return g
浏览 46提问于2021-01-11得票数 2
这段代码加载一个独立的gltf文件，但我有一个包含多个bin和纹理文件的文件 import React from "react";
import { useLoader } from "react-three-fiber";
let GLTFLoader;
/**
* @name Scene
* @param {*} url received
* @returns {html} primitive
*/
function Scene({ url }) {
GLTFLoader = require('three/examples/jsm/
浏览 106提问于2020-12-10得票数 0
我试图通过修复声纳的所有问题来使我的项目做得更好，我在标题中显示的错误上被困住了。这个函数是在three.js的帮助下加载一个搅拌机模型的，声纳告诉我不要多次使用这个函数，但是我需要用这个函数加载多个模型。
function raining(temp, timezone) {
let rain = [];
function loadGLTF() {
let Loader = new GLTFLoader();
Loader.load("./model/rain.gltf", (gltf) => {
Mesh = gltf.sce
浏览 5提问于2022-09-09得票数 1
回答已采纳
您好，我正在尝试使用THREE.js GLTFLoader加载GLTF模型，我收到一个CORS错误(不是access-control-allowed-origin present)。我正在从s3存储桶中提取其他资产，除了GLTF之外，一切都正常，所以我猜我需要向GLTFLoader传递一些CORS标志。现在：
this.loader = new THREE.GLTFLoader();
this.loader.load(avatar_path, gltf => {..})
Edit1:我已经尝试过了：
loader.setCrossOrigin( 'anony
浏览 223提问于2019-10-22得票数 0
回答已采纳
好的，我有.gltf动画模型。我成功地加载了模型，但无法播放嵌入的动画。我想知道有没有办法解决这个问题。顺便说一句，我正在react中工作。提前谢谢你。 在这里您可以找到模型https://drive.google.com/file/d/1ZVyklaQuqKbSliu33hFxdyNpg4EQtcBH/view?usp=sharing 下面是我尝试过的代码。 import * as THREE from 'three'
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls&#
浏览 42提问于2020-09-17得票数 3
在带有GLTF加载器的three.js中，是否有一种方法可以在加载对象之后访问对象来执行转换？
这样做似乎行不通
gltf.scene.position.set(10,10,10)
代码：
function loadObject(){
var loader = new THREE.GLTFLoader();
loader.load('test.gltf',
function ( gltf ) {
scene.add( gltf.scene );
},
function ( xhr ) {
浏览 1提问于2018-10-24得票数 0
回答已采纳
当导入一个.gltf文件到threejs (在expo中)时，我得到以下错误： Error: Event {
"isTrusted": false,
} 我在一个expo react原生项目中使用了来自三个示例(/examples/jsm/ GLTFLoader /GLTFLoader.js)的示例，代码如下： loader.load(
"../body.gltf",
(gltf) => {
console.log("Object: ", gltf);
scene.add(glt
浏览 100提问于2021-02-08得票数 0
回答已采纳
我想用GLTFLoader加载一个3D模型，但是它给了我一个语法错误
我尝试了这些方法
THREE.GLTFLoader();const加载程序=新的加载程序=新的GLTFLoader()；导入后的
但所有这些都不适用于我
我怎样才能不用反应纤维来解决这个问题？
import { useEffect } from "react";
import * as THREE from "three";
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js&
浏览 9提问于2022-06-19得票数 1
回答已采纳
1回答
我正在实现一个网站，用户云上传他们的3d模型。他们看到了。当我上传obj-mtl-纹理时，迫使我使用blob url。我有所有的纹理blob url一拜一，但我没有家长url。我希望将纹理加载到mtl加载器，如果没有setTexturePath() func，我如何才能这样做。
我正在尝试从three.js导出obj模型。
mtlLoader.setTexturePath(URL.createObjectURL(textureFolder));
mtlLoader.load(URL.createObjectURL(mtlFile), (materials) => {
浏览 0提问于2019-03-27得票数 0
回答已采纳
已存在的.gltf文件的信息。已存在的.gltf文件的信息。。。。 "buffers" : [
{
"byteLength" : 472360,
"uri" : "non-existent-file.bin"
}
] 这是我的代码，我希望在第一次加载该文件后更改该文件的缓冲区URI。 > var loader = new GLTFLoader();
>
> loader.load
浏览 20提问于2020-10-05得票数 1
我正在为我的学业做一个项目，我在three.js中导入gltf文件时遇到了问题。我用搅拌机2.9制作了我的文件。因此，如果我导出gltf分别(+bin+textures)，我可以使用gltf加载程序导入一个模型，但问题是，意味着透明的纹理并不是透明的，即使我在在线gltf加载器上测试文件时，它们并不透明。但是，如果我导出为嵌入的gltf，那么在在线gltf查看器上一切都是正确的，但是在我的项目中，我得到了以下错误：
错误{ ：img，isTrusted: true，srcElement: img，eventPhase: 0，冒泡: false，可取消: false，returnValue: t
浏览 11提问于2020-11-13得票数 0
我创建了一个three.js场景，使用了几个不同的加载资产，利用了GLTFLoader.js加载器。直到最近，我的场景才如愿以偿，现在我在加载这些资产时遇到了问题，特别是在我的控制台中收到了以下错误：
TypeError:未能获取
下面的堆栈跟踪(在我看来，在本质上是相当模糊的)：
_onError @ GLTFLoader.js:77
Promise.catch (async)
parse @ GLTFLoader.js:1823
parse @ GLTFLoader.js:275
(anonymous) @ GLTFLoader.js:95
浏览 10提问于2022-01-17得票数 1
1回答
我正在尝试获取特定的Gltf数据，例如当单击React应用程序中的3D查看器中的网格时，网格名称(如在.gltf文件中所写)。对于查看器，我使用来自xeolabs的，它能够在html-画布元素中显示一个gltf文件。然而，我能够从接口中提取的唯一数据是来自Xeogl参数的数据(例如。场景材料孩子们..。见图2)。
我似乎无法获得在.gltf文件中找到的任何元数据。
有人知道gltf -数据是如何集成到Xeogl模型中的吗?或者我如何在单击网格时从.gltf文件中找到相应的gltf数据？提前感谢！
图1:单击事件
图2:从xeogl数据事件获得的结果(左)，我们希望从.gltf文件获得
浏览 5提问于2020-02-03得票数 0
1回答
问题所在
当加载我的GLTF在帆布元素的反应-三纤维在一个100 of x 100 three，GLTF模型似乎看起来很好。但是，当我将包含div和画布的大小更改为50 be x 100 be时，GLTF模型似乎被拉伸了。
100 x 100截图
100 vh x 50 vh截图
到目前为止我尝试过的
我试着设置相机的高宽比。
<Controls
enableDamping
rotateSpeed={0.3}
dampingFactor={0.1}
cameraProps={{
positio
浏览 3提问于2021-12-14得票数 0
我一直在使用Aframe做小的应用。
我偶然发现了一些没有装载的多利模型。以下是链接：
模型1: Hill链接：
GLTF2.0链接：
模型2:扬声器链接：
链接：
模型3:扬声器2.1链接：
链接：
Googlepoly能够预览使用加载器的所有模型，他们使用three.js r-89 GLTF加载程序在视图上呈现模型，检查上面的链接。
浏览 0提问于2018-03-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
