javascript - 如何让 GLTFLoader 在三个 js 中工作
问题描述
我设置了一个新的 html 文件来使用 three.js 并从 GLTFLoader 文档中复制粘贴示例代码,但没有任何效果,有人可以帮忙吗?当我加载一个多维数据集时,我可以运行三个 js,但它似乎无法识别 GLTFLoader.js 文件。
如果有人知道为什么会发生(或没有发生)请告诉我。<3
<script src="js/three.js"></script>
<script src="js/GLTFLoader.js"></script>
<script>
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
var light = new THREE.AmbientLight(0xffffff, 0.5);
scene.add(light);
var light2 = new THREE.PointLight(0xffffff, 0.5);
scene.add(light2);
var renderer = new THREE.WebGLRenderer();
renderer. setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
var loader = new GLTFLoader();
// Load a glTF resource
loader.load(
// resource URL
'pentaprism.glb',
// called when the resource is loaded
function ( gltf ) {
scene.add( gltf.scene );
gltf.animations; // Array<THREE.AnimationClip>
gltf.scene; // THREE.Group
gltf.scenes; // Array<THREE.Group>
gltf.cameras; // Array<THREE.Camera>
gltf.asset; // Object
},
// called while loading is progressing
function ( xhr ) {
console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
},
// called when loading has errors
function ( error ) {
console.log( 'An error happened' );
}
);
function update() {
}
function animate() {
requestAnimationFrame( animate );
update();
renderer.render( scene, camera );
}
animate();
</script>
解决方案
我也一直在尝试学习如何使用 GLTFLoader.js。
不确定它是否正是您要找的,但也许这个视频会有所帮助:https ://www.youtube.com/watch?v=F4q2cqj_Tdc
如果我没记错的话,他做的一些不同的事情是:使用 <script type="module" src="GLTFLoader.js"> 和 var loader = new THREE.GLTFLoader(); 他使用 jsm 文件而不是 js 文件。
希望能帮助到你!祝你好运 : - )
推荐阅读
- android - 如何在不使用绝对值的情况下使对话框更大?
- r - 将不同的数据框导出到同一个 Excel 工作表
- ios - 失败原因当我尝试在 iPhone 中运行时未找到代码签名
- javascript - 销毁会话后未从浏览器中删除 Express Session Cookie (connect.sid)
- scala - 如何从 build.gradle 文件调用 scala 方法
- scala - 使用不同的配置文件构建 Scala Play 应用程序
- javascript - 专注于记录交互式网格 oracle apex
- linux - yocto recipe 中的“inherit”关键字和“DEPENDS”关键字用法
- dart - 是否可以在 Dart 中使用条件导入和部分导入?
- python - 有没有办法从网站执行智能搜索?