如何加载我的3D对象不是来自公共文件夹？

发布于 2025-02-08 08:08:17 字数 775 浏览 3 评论 0原文

我想知道是否有一种方法可以加载我的3D对象（.GLB）将上传到我的AWS服务器，然后我将获得端点。我尝试过，但有一个错误，说“三

。

 <Suspense fallback={<div  style={{color: 'white' }} className="center">loading</div>}>
      <div style={{height: '100vh' }}>
      <Canvas style={{background: '#000000' }} pixelRatio={[1, 2]} camera={{ position: [-2, 2, 2], fov: 40,}}>
      <directionalLight position={[-5, 10, 5]} intensity={1.5} />
      <ambientLight intensity={0.7} />
        <spotLight intensity={0.5} angle={0.1} penumbra={1} position={[10, 15, 10]} castShadow />
        <Model url="/character.glb" position-y={0.2} scale={[0.5, 0.5, 0.5]} />
        <OrbitControls />
      </Canvas>
      </div>
    </Suspense>

原文

I would like to know if there's a way that I can load my 3d object (.glb) that will be uploaded to my AWS server then I will going to get the endpoint. I tried but there was an error saying "THREE.WebGLRenderer: Context Lost"

The file path of this is the public folder

 <Suspense fallback={<div  style={{color: 'white' }} className="center">loading</div>}>
      <div style={{height: '100vh' }}>
      <Canvas style={{background: '#000000' }} pixelRatio={[1, 2]} camera={{ position: [-2, 2, 2], fov: 40,}}>
      <directionalLight position={[-5, 10, 5]} intensity={1.5} />
      <ambientLight intensity={0.7} />
        <spotLight intensity={0.5} angle={0.1} penumbra={1} position={[10, 15, 10]} castShadow />
        <Model url="/character.glb" position-y={0.2} scale={[0.5, 0.5, 0.5]} />
        <OrbitControls />
      </Canvas>
      </div>
    </Suspense>

分享到QQ

分享到微博