gpt4 book ai didi

javascript - 找不到 GLTF 文件 404

转载 作者:行者123 更新时间:2023-11-28 03:08:11 25 4
gpt4 key购买 nike

所以我尝试加载 GLTF 文件,但收到此错误: enter image description here

我不知道为什么它无法找到并打开该文件。我必须设置本地服务器吗?我在网上查找了其他示例和 this one包括 DRACOLoader。诚然,我不知道这是做什么的,并且想知道是否需要实现它才能加载它。

这是我的代码:

<html>

<head>
<meta charset="utf-8">
<title>Website first attempt</title>


<style>
body { margin: 0;
background: linear-gradient(to bottom, #33ccff 0%, #ffffff 20%);}
canvas { display: block; }
</style>

</head>

<body>

<!-- <script type = "module" src="build/myScript.js"></script>-->
<script type = "module">
import * as THREE from '../build/three.module.js';

import { GLTFLoader } from '../build/GLTFLoader.js';

let scene, camera, renderer, hlight;


function init () {
//scene
scene = new THREE.Scene();

//camera
camera = new THREE.PerspectiveCamera(40, window.innerWidth/ window.innerHeight, 1, 5000);

//light
hlight = new THREE.AmbientLight (0x404040, 100);
scene.add(hlight);


//render
renderer = new THREE.WebGLRenderer({antialias:true});
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setClearColor( 0x000000, 0 );
renderer.setSize(window.innerWidth, window.innerHeight);

document.body.appendChild(renderer.domElement);

//3d
let loader = new GLTFLoader();
loader.load('assets/londonmap.gltf', function(gltf){
scene.add(gltf.scene);

})


}


function onWindowResize () {

camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize(window.innerWidth, window.innerHeight);
}

window.addEventListener('resize', onWindowResize, false);

function animate () {

requestAnimationFrame(animate);

render();

}

function render() {

renderer.render( scene, camera );

}

init ();
animate();


</script>
</body>
</html>

最佳答案

仅当使用同名压缩算法压缩 glTF 资源时才需要

DracoLoader

HTTP 404 意味着无法从给定路径加载文件(在您的情况下为 assets/londonmap.gltf)。因此,您必须确保该 Assets 确实存在于相应的目录中。

是的,强烈建议使用本地网络服务器。特别是为了避免任何与安全相关的浏览器问题。该项目实际上提供了有关此主题的小指南:How to run things locally .

关于javascript - 找不到 GLTF 文件 404,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60417384/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com