Question

因此，我探索了有关在Web应用程序中渲染搅拌器模型的多种选择，现在我将模型导出为retention.ms=3600000格式，这是我的代码

App.js

.gltf

Model.js

import React, { Suspense } from 'react';
import './App.css';
import Model from './Model'
function App() {
  return (
    <div className="App">
      <Suspense fallback={null}>
        <Model />
      </Suspense>
    </div>
  );
}

export default App;

问题

GLTF加载程序抛出错误

我想要的

我想渲染我的模型，因为它在react应用程序的Blender中显示为尽我所能
旋转控件很棒。.

引发错误

import React from 'react'
import { useLoader } from 'react-three-fiber'
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
import Scene from './scene.gltf'
function Model(props) {
  const { nodes, materials } = useLoader(GLTFLoader, Scene)
  return (
    <div>

    </div>
  )
}

export default Model

Answer 1

这不是它的工作方式。 r3f是一个反应渲染器。 react-dom渲染div和span，r3f渲染网格和材质。您可以很好地混合两个渲染器，但不能将div转储到r3f中，也不能将其网格化到react-dom中。

https://codesandbox.io/s/r3f-contact-shadow-c75jh

如何在网页中渲染Blender模型？

1 个答案: