ThreeJS GLTFLoader材质数组
ThreeJS GLTFLoader是一个用于加载和解析GLTF文件的Three.js库的插件。GLTF是一种开放的3D文件格式，用于在各种3D应用程序之间传输和呈现3D模型。
材质数组是指在GLTF文件中定义的一组材质。材质定义了物体表面的外观和属性，例如颜色、纹理、光照等。材质数组允许在一个模型中使用多个不同的材质，每个材质可以应用于模型的不同部分。
ThreeJS GLTFLoader的优势包括：
- 简化的加载和解析过程：GLTFLoader提供了一个简单的接口来加载和解析GLTF文件，使开发人员能够轻松地将3D模型集成到他们的应用程序中。
- 跨平台兼容性：GLTF是一个开放的标准文件格式，被广泛支持和采用，可以在各种平台和设备上使用，包括Web、移动设备和虚拟现实设备。
- 多样化的材质支持：GLTF文件格式支持多种类型的材质，包括颜色、纹理、光照等。这使得开发人员能够创建具有丰富外观的3D模型。
- 高性能渲染：Three.js是一个高性能的WebGL库，GLTFLoader利用了其优化的渲染引擎，可以在浏览器中实现流畅的3D渲染效果。
GLTFLoader的应用场景包括但不限于：
- 游戏开发：GLTFLoader可以用于加载和渲染游戏中的3D模型，为游戏增加更加逼真的视觉效果。
- 虚拟现实和增强现实：GLTFLoader可以用于在虚拟现实和增强现实应用程序中加载和显示3D模型，为用户提供更加沉浸式的体验。
- 可视化应用：GLTFLoader可以用于加载和展示各种类型的3D模型，例如建筑、产品设计等，帮助用户更好地理解和交互。
腾讯云相关产品和产品介绍链接地址：
腾讯云提供了一系列与云计算和3D渲染相关的产品和服务，包括但不限于：
- 腾讯云云服务器（CVM）：提供高性能、可扩展的云服务器实例，用于部署和运行各种应用程序和服务。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全可靠的云存储服务，用于存储和管理大规模的数据和文件。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云云函数（SCF）：提供事件驱动的无服务器计算服务，用于处理和响应各种类型的事件。详情请参考：https://cloud.tencent.com/product/scf
请注意，以上链接仅供参考，具体产品和服务选择应根据实际需求进行评估和决策。
相关·内容
1回答
我试图在屏幕上加载一个3D模型，但屏幕是黑色的，有时我会收到一个错误，这取决于我尝试实现代码的方式。 这是我的HTML文件： <!DOCTYPE html>
<html lang="en">
<head>
<title>T1 CG</title>
</head>
<body>
<style>
body { margin: 0; }
canvas { width: 100%; height: 100% }
</style&
浏览 12提问于2019-12-09得票数 0
我浏览了一下three.js，找到了这个例子。https://threejsfundamentals.org/threejs/lessons/threejs-load-gltf.html不幸的是，当我使用Flask在本地运行它时，所有三个导入都会出现这个错误。 import * as THREE from 'https://threejsfundamentals.org/threejs/resources/threejs/r122/build/three.module.js';
import {OrbitControls} from 'https://threejsf
浏览 773提问于2021-01-24得票数 1
回答已采纳
我正在尝试使用GLTFLoader加载一个模型，并使用材质数组为对象(立方体)的每个面应用不同的颜色。但它不起作用。 var materials = [ new THREE.MeshPhongMaterial( {color: 0x552811,specular: 0x222222,shininess: 25}),
new THREE.MeshPhongMaterial( {color: 0x552811,specular: 0x222222,shininess: 25})];
lo
浏览 59提问于2019-09-17得票数 0
回答已采纳
1回答
我很难得到一个动画一起玩我的GLTF 3D模型。我在Stack溢出上看到的大多数类似的问题都与混频器没有被更新有关。这不是我的问题。
这是我的小提琴：
import * as THREE from "https://threejsfundamentals.org/threejs/resources/threejs/r122/build/three.module.js";
import { GLTFLoader } from "https://threejsfundamentals.org/threejs/resources/threejs/r132/examples/
浏览 5提问于2022-04-12得票数 1
回答已采纳
1回答
我有问题要包含THREEJS。发生下列错误：
在我的组件中，我导入了前三个，然后导入了GLTFLoader脚本。
import * as THREE from 'three';
window['THREE'] = THREE;
import 'three/examples/js/loaders/GLTFLoader';
正如您在第2行中所看到的，我尝试为GLTFLoader脚本设置一个全局的三个变量，但是当我键入网站的控制台THREE时，它是未定义的。
浏览 1提问于2018-12-08得票数 0
1回答
我想要创建一个扩展，一旦调用该方法，就可以加载gltf。根据这个，我使用的是最新的三个‘m模块。但有个错误。
这是我的密码。
const gltfLoader = new GLTFLoader();
let example = new THREE.Object3D();
gltfLoader.load(
"https://threejsfundamentals.org/threejs/resources/models/cartoon_lowpoly_small_city_free_pack/scene.gltf",
(gltf) =>
浏览 7提问于2021-10-04得票数 0
回答已采纳
我正在导入一个.glb模型，并且在这个文件中有一些没有应用于任何网格的材质。所以我的问题是在THREE.JS中存在一些类似于场景中所有材质的数组，或者当我使用GLTFLoader加载模型时，我是否可以获得一些我的材质。
浏览 176提问于2020-07-23得票数 1
回答已采纳
1回答
我一直在尝试学习THREEJS着色器材质。到目前为止，我了解了uniforms、vertexShader和fragmentShader在投影和着色glsl和webgl世界中的顶点和碎片方面所起的作用。我一直在努力寻找一些使用THREE.ShaderLib扩展THREEJS的ShaderMaterial的好例子。
假设我想扩展一个标准的threejs材质(THREE.ShaderLib' standard ')来编写envmap纹理，这是可能的吗？或者我绝对有必要从头开始写所有的东西？
浏览 44提问于2018-03-02得票数 2
回答已采纳
我对threejs是个新手，现在正在尝试让它工作，因为.... 我将一个带有映射(jpg)的GLTF加载到threejs中。 我找不到一种方法来使加载的模型可点击。 你能展示一下，如何使这个模型可点击(单击或双击并触摸)并调用js-function吗？ 这是我的场景： threejs-model-link function sendMail() {
//$('#myModal').modal('show');
alert('click');
}
import * as THREE from 'https://three
浏览 143提问于2021-06-21得票数 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
回答已采纳
1回答
我正在使用React和ThreeJS将3D模型导入到网页中。问题出在将网格加载到我的ThreeJS场景的函数中。我得到以下错误： TypeError: Cannot read property 'scene' of undefined 在我将网格添加到场景中之前，我打印出了相同的对象，在我的GLB文件中有一个属性' scene‘。这是一张图片： ? 下面是我的代码： import React, { Component } from 'react'
import * as THREE from 'three'
import { G
浏览 34提问于2020-01-17得票数 2
回答已采纳
1回答
我正试着在这张照片上创造一些东西
那么，如何从模型中删除奇怪的行，您可以在调整模型的同时看到这些行。有什么问题吗？我需要使用不透明度，以获得像在屏幕截图上的效果。至少，我可以隐藏用户的背景，但反射率和金属度将在我的模型上？
我的threeJs脚本在这里谢谢你的帮助！
<script type="module">
import * as THREE from 'https://threejs.org/build/three.module.js';
import { OrbitControls } from 'https
浏览 3提问于2020-09-21得票数 0
我正在使用托管在node.js上的three.js。我将它与一个可以生成opengl纹理作为输出帧的相机一起使用。我想在three.js中使用这个实时的纹理流。我已经能够在相机和three.js之间创建共享上下文，并且我可以确认在相机上下文和three.js上下文中都存在纹理。我不太确定如何让three.js尊重外部维护的纹理。现有的videotexture对象不是正确的方式，它从浏览器dom对象复制帧数据，我想直接使用相机生成的纹理。
由于这类似于threejs的render- to -texture支持，只是渲染发生在threejs之外，所以我尝试修改该代码以支持外部纹理，但这看起来有点繁
浏览 3提问于2015-04-20得票数 1
1回答
我已经在搅拌机中创建了瓶子。如果我在threejs编辑器上测试它，它会给出正确的结果。 ? 但当我在我的网站上呈现它时，它给出了 ? 这是输出。我对threejs来说只是新手 import './style.css'
import * as THREE from 'three'
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
const updateAllMaterials = () =>
{
scene.traverse((chi
浏览 23提问于2021-06-27得票数 0
2回答
我是三个j.j的初学者，我正在尝试构建类似于这个的东西。我使用three.js构建了所有的东西，但是我想不出如何创建一个热点(比如上面链接中的红点)并在单击它时显示出来。下面是我的项目代码，如果还需要什么，请告诉我。
<html>
<head>
<title>My first three.js app</title>
<style>
body { margin: 0; }
canvas { display: block; }
<
浏览 0提问于2020-08-13得票数 1
回答已采纳
我正在将GLTF模型加载到threejs中。对象上使用的所有材质(其中有相当多)都使用网格基本材质，我们希望它们是可以受灯光影响的材质。是否有一种方法可以将所有材质从基本材质转换为可以接收灯光的材质，如Phong (包括其现有属性？)。
我现在可以添加一个新材料，如下所示：
glb.scene.traverse(child => {
if (child.isMesh) {
//child.material = new THREE.MeshPhongMaterial({ flatShading: true });
}
});
浏览 100提问于2020-05-11得票数 1
回答已采纳
我试着导入一个3D模型，但我不确定我这样做的方式是否正确。
var loader = new THREE.GLTFLoader();
loader.load('./CesiumMilkTruck.gltf',
function (gltf) {
scene.add(gltf.scene);
gltf.animations;
gltf.scene;
gltf.scenes;
gltf.cameras;
浏览 74提问于2019-06-02得票数 0
我试着使用ThreeJs的OrbitControls.js。我创建了一个文件夹并像这样保存文件(例如: GLTFLoader.js、OrbitControls.js..)但是当我在它们中使用函数时，我会出现如下错误：
我过去经常使用其他方法，比如使用链接到代码()和运行cmd (npm Install)……但它也不起作用。
你能帮我解决这个问题吗？
浏览 96提问于2020-03-14得票数 1
回答已采纳
1回答
我正在通过GLTF加载器加载一个模型。我想在鼠标悬停时选择一个网格。一切都变得很酷，但主要的问题是，当它悬停时，它会改变所有名称相同的材料的颜色(根据我的研究)。当我调试它的相交的返回单个材料时。我不知道为什么会这样。经过许多研究之后，我在这里提出了这个问题。
请看我下面的代码。
<div id="ThreeJS" style="position: absolute; left:0px; top:0px"></div>
var container, scene, camera, renderer, controls, stats;
浏览 8提问于2019-07-10得票数 0
我在ThreeJS中加载了一个GLTF，我在控制台GLTFLoader: 37.4208984375ms中看到，但是它没有出现在场景中，我不明白为什么。另外，我还使用了ThreeJS网站的一些样板。代码如下所示：
var camera, scene, renderer;
var geometry, material, mesh;
init();
animate();
function init() {
camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 0.01, 10 );
浏览 2提问于2017-09-25得票数 1
回答已采纳
我有一个带有预计算顶点颜色的模型。如果我生成新文件并使用THREE.GLTFLoader加载它，我可以调用scene.overrideMaterial = glTF THREE.MeshBasicMaterial({vertexColors: THREE.VertexColors})将默认材料从MeshStandardMaterial转换为MeshBasicMaterial。然后正确显示预计算出的颜色。
但是，如果我生成二进制glTF (*.glb)文件并覆盖材质属性，则必须调用scene.add(新THREE.AmbientLight(0xffffff)将环境光添加到场景中；否则，显示为黑色
浏览 4提问于2020-12-13得票数 0
在我的项目，我想显示三维物体，有时有小LED灯。这个想法是，这些小的光需要发出某种绽放，使它看起来像在发光。
我尝试了应用UnrealBloom，但是它被考虑到整个场景，而不仅仅是那些具有实际发射值的部分(使用发射纹理映射)。场面也变得很模糊。
这显然不是我想要的。我只需要小的红色LED灯泡发光，而不是整个物体。然而，我还没有找到一种方法来告诉引擎，只将花期应用到排放图所指向的位置。
我使用了一个非常简单的代码设置，它与几乎相同
我如何才能正确设置发射纹理，使发射部分的物体发光，并防止不现实的闪亮表面和非常模糊的视觉效果？
<body style="margin:0p
浏览 7提问于2021-04-09得票数 2
回答已采纳
我尝试使用threeGLTFLoader加载gltf，材料有问题，模型是一个人的头部，但现在我可以看到后面是代码：
var threeGLTFLoader = new THREE.GLTFLoader();
var objPositions;
threeGLTFLoader.load("../resources/untitled.gltf", function (gltf) {
model = gltf.scene;
model.name = "man";
model.scale.set(300, 300, 300);
roo
浏览 236提问于2020-05-19得票数 1
1回答
我使用GLTFLoader加载从搅拌器导出的立方体对象，并尝试使用addGroup方法在立方体的每个面上应用颜色，但结果并不像预期的那样。 我得到的结果如下图所示。 ? 该模型可从链接https://github.com/SourceCodeZone/3D/blob/master/Cube/test.glb下载 我在这里引用的答案BufferGeometry: how to render groups of faces是下面的代码。 var cube;
var loader = new THREE.GLTFLoader();
浏览 22提问于2019-09-27得票数 2
回答已采纳
因此，我尝试从Three.js示例中克隆士兵模型，因为以后我需要多个模型：https://threejs.org/examples/webgl_animation_skinning_blending.html 我将第93行改为： const loader = new GLTFLoader();
loader.load( 'https://threejs.org/examples/models/gltf/Soldier.glb', function ( gltf ) {
model = gltf.
浏览 180提问于2021-02-08得票数 2
回答已采纳
1回答
有没有一种方法可以导出一个通用的threejs类型：
var the_material = new THREE.ShaderMaterial( { uniforms: u, vertexShader: vs, fragmentShader: fs ,name:id} );
转换成.mtl文件？
浏览 6提问于2018-11-29得票数 0
我在8080端口上创建了一个简单的服务器，并使用three.js在我的HTML文档中加载了一个GLTF文件。这是服务器端代码，然后是HTML代码。
var http= require('http');
var fs = require('fs');
http.createServer(function(req,res){
res.writeHead(200,{'content-type':'text/html'})
fs.readFile('1.html',function(error,data){
浏览 0提问于2020-05-19得票数 0
回答已采纳
我看到Threejs有一个Points材质，可以将几何体绘制为点而不是三角形。但是，我想使用我自己的顶点着色器来操纵顶点，使用着色器材质。在WebGL中，我想我可以直接使用gl.Points而不是gl.Triangles来调用gl_drawArrays。如何告诉渲染器将几何体绘制为点？有没有更好的方法来解决这个问题呢？
浏览 4提问于2017-08-02得票数 5
回答已采纳
我正在努力学习Three.js。但是当我试图运行我的代码时，我会遇到一个错误。有人能帮我吗？
这是我得到的错误：
three.js:19528 Uncaught TypeError: material.onBeforeRender is not a function
at renderObject (three.js:19528)
at renderObjects (three.js:19519)
at renderScene (three.js:19471)
at WebGLRenderer.render (three.js:19355)
at tic
浏览 12提问于2021-11-02得票数 1
1回答
有没有人知道现有的ThreeJS到WebGL的转换器？或者你能给我一些关于如何做一个ThreeJS到WebGL转换器的见解吗？
浏览 3提问于2015-05-21得票数 0
嘿，我刚接触过三个js &想知道如何用一个gltf模型来投一个阴影？我可以看出这是可能的，因为它正在工作，，我想我没有正确地构造我的代码-
var model = new THREE.GLTFLoader();
model.load('https://threejs.org/examples/models/gltf/Duck/glTF/Duck.gltf', function(gltf) {scene.add(gltf.scene);});
model.castShadow = true;
这是小提琴
干杯!
浏览 1提问于2018-04-17得票数 10
回答已采纳
我能够通过使用Skybox立方体/环境贴图来制作一些看起来很好的金属和玻璃材质。
我已经制作了我自己的控件，可以让你像FirstPersonControls一样同时进行动态观察和移动/环视。
问题是，当我四处移动时，反射看起来很令人信服-我可以看到反射随着相机的移动而移动和变化。然而，当我环顾四周(旋转相机/改变目标)时，反射没有变化，它们只是静态的。
例如，我可以在three.js/examples/webgl_materials_cubemap_escher.html中看到相同的行为-如果我将其修改为使用FirstPersonControls，当我环顾四周时，材质看起来根本不反射/折射。
浏览 1提问于2012-12-03得票数 0
回答已采纳
我使用的是threejs，目前正尝试在一个网格中添加两种材质。第一种材质具有颜色，第二种材质具有画布纹理。为此，我将两种材质添加到一个数组中，然后将网格的材质设置为该数组。除了网格顶部有一个看起来像的闪闪发光的阴影外，这个效果很好
创建两种材质的简化代码，其中一种使用画布纹理作为其贴图。然后将这两种材质添加到数组中，然后添加到网格中。
const canvasTexture = new THREE.CanvasTexture(
ctx.canvas,
THREE.UVMapping,
THREE.LinearFilter,
THREE.LinearMipMapL
浏览 7提问于2019-10-23得票数 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
所以我在这里看到了一个老帖子： https://discourse.threejs.org/t/is-there-a-way-to-increase-scene-environment-map-exposure-without-affecting-unlit-materials/13458/4 上面写着..。如果将环境贴图应用于Scene.environment，它将自动用作场景中所有物理材质的环境贴图(假设未设置材质的环境贴图)。 所以在场景中使用Aframe组件进行了尝试： AFRAME.registerComponent('setenvironment', {
in
浏览 49提问于2020-10-07得票数 1
回答已采纳
我想像.glb一样使用ThreeJS加载模型，我使用webpack v5绑定器，并且我已经更改了上面链接的代码以适应新的导入：
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js";
import BasePlate from "../assets/glb/BasePlate_16x16.glb";
imp
浏览 41提问于2022-09-20得票数 2
回答已采纳
我想使用从GLTFloader of ThreeJS加载的GLTF文件。我拿回了对象，但是AFrame没有显示对象。我使用加载程序，因为我需要给一个授权头与GET请求GLTF文件。
let loader = new GLTFLoader();
const dracoLoader = new DRACOLoader();
dracoLoader.setDecoderConfig({ type: 'js' });
dracoLoader.setDecoderPath("https://www.gstatic.c
浏览 14提问于2022-11-24得票数 0
回答已采纳
在使用glTF文件使用GLTFLoader导入无文本模型之后，对象的材料包含一个名为"format“的字段。如果不移除此字段，则不应用对材料的某些更改。
例如，下面的代码示例：
material.opacity = 0.5
material.transparent = true
需要进行额外的清理：
delete material.format
material.needsUpdate = true
在文档中，"format“似乎是纹理的属性，而不是材料的属性，因此当导入的模型不包含纹理时，我不理解它的含义。这是glTF文件的问题还是threeJS的问题？还是我漏掉了什么东西？
浏览 3提问于2022-10-11得票数 0
回答已采纳
1回答
我已经成功地使用GLTFLoader将我的模型加载到ThreeJS中，但我的模型是暗的。我试着把它上传到和上，它在那里工作得很好。下面是我的javascript代码：
const scene = new THREE.Scene()
const camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 )
const controls = new THREE.OrbitControls( camera )
const light = new THREE.AmbientLigh
浏览 4提问于2018-08-07得票数 1
我已经从一个网站下载了一组文件，并在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
在Threejs中，在WebGL渲染器的xyz网格上显示大量立方体的最有效方式是什么，就使用哪种渲染方法/灯光/设置/材质而言？这些立方体应该支持基于directionLight的接收和投射阴影--或者，如果可以的话，我可以预先计算侧边颜色--但它们没有任何纹理或特殊旋转。谢谢!
浏览 0提问于2012-05-30得票数 4
1回答
我想要获得从OBJMTLLoder加载的对象的线框，所以这里我有如下代码
var loader = new THREE.OBJMTLLoader();
loader.load( 'obj/male02/male02.obj', 'obj/male02/male02_dds.mtl', function ( object ) {
object.traverse( function ( child ) {
if ( child instanceof T
浏览 0提问于2014-06-24得票数 1
我用ThreeJS在画布元素中创建了一个包含多个对象的场景。现在，如果用户单击该对象，我希望更改它的材质颜色。
摘录了我的角5组件，它保存了所有ThreeJS内容：
public onMouseDown(event: MouseEvent) {
console.log("onMouseDown");
event.preventDefault();
var rayCaster = new THREE.Raycaster();
var mouse = new THREE.Vector2();
mouse.x = (event.c
浏览 2提问于2018-01-22得票数 2
回答已采纳
1回答
我在THREE.LineBasicMaterial中使用了Line对象，然后我尝试更改材质：
material = new THREE.LineDashedMaterial({
dashSize: 5,
gapSize: 5,
})
line.material = material
line.material.needsUpdate = true
line.geometry.uvsNeedUpdate = true
line.geometry.verticesNeedUpdate = true
line.computeLineDistances()
浏览 20提问于2020-02-22得票数 1
回答已采纳
我正在学习编码和使用three.js，这是我的第一步。从一段时间前开始，我一直在寻找一种在three.js中制作交互式几何图形的方法。所以我发现了这个(它不能打开代码片段中的链接，我不知道为什么，但它可以工作)：
var container, stats;
var camera, scene, projector, renderer;
var particleMaterial;
var objects = [];
init();
animate();
function init() {
container = document.createElem
浏览 0提问于2016-09-14得票数 0
1回答
THREEJS外部辉光到平面图元
、、、、
谁知道在THREEJS中如何在平面图元(planemesh? /mesh)上发光，或者有一个例子？我在谷歌上搜索并发现了立方体和球体的光晕，但这些更像是将对象/网格封装在另一个具有透明材质的对象中，这看起来是错误的，也不是我需要的。
我试图达到的发光效果是一样的：-闪光AS3 GlowFilter - Photoshop图层效果外部发光
我找到了一个使用threejs的轮廓效果的例子，这很接近，但轮廓需要是一个具有alpha/不透明度渐变的渐变。
光晕只能影响网格/基本体(平面)的边。
谢谢
D
浏览 4提问于2015-08-24得票数 3
我正在测试ThreeJS.org/editor中的自定义场景。我已经开始使用摄像机示例场景作为模板。我想向其添加自定义几何图形。当我导入我的OBJ文件时，网格出现在编辑器中，没有任何问题，但是似乎没有一种方法可以导入它的材质。相反，我手动将正确的纹理贴图分配给导入对象的材质组件。
在编辑器中，纹理贴图在我手动添加后显示出来，看起来很棒，但当我按下Play (或者当我导出或发布场景时)，该对象的纹理贴图再次消失。我尝试刷新窗口，但对材质组件所做的所有更改都丢失了。
一定有什么我忽略了的简单的东西。有人能帮上忙吗？
浏览 4提问于2015-06-24得票数 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
我一直在尝试使用threeJS来添加这个gltf模型( https://poly.google.com/view/28RBIWE8jzc )。下面的代码是我能够看到任何东西的唯一方式，而且我只看到了对象的一小部分。如果有人知道需要改变什么，我将不胜感激。 import * as THREE from 'three';
import {GLTFLoader} from 'three/examples/jsm/loaders/GLTFLoader.js';
import OrbitControls from 'three/examples/jsm/cont
浏览 221提问于2020-11-27得票数 2
回答已采纳
我正在编写一些Javascript，它将glb 3d模型加载到网页中。一切都正常。
但是，一旦导入OrbitControl.js (无论是从本地文件夹还是从联机)，浏览器就会给出以下错误：
Uncaught :未能解析模块说明符“三”。相对引用必须以"/“、"./”或“./”.*开头
下面是完整的代码：
import * as THREE from './three.js-master/three.js-master/build/three.module.js'
import {GLTFLoader} from './three.js-master/
浏览 2提问于2022-05-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
