小编Ary*_*thi的帖子

该浏览器无法识别 React Three Fiber 网格标签

我正在关注 Youtube 上的 3d 作品集教程,但遇到了这个错误。在这里,我尝试渲染网格,但控制台显示警告“此元素在此浏览器中无法识别”。浏览器正在渲染其余部分,但这部分代码没有被渲染。这是代码块:

const Computers = () => {
    const computer = useGLTF("./desktop_pc/scene.gltf");
    console.log(computer);
    return (
        <mesh>
            <hemisphereLight intensity={0.15} groundColor="black" />
            <pointLight intensity={1} />
            <primitive
                object={computer.scene}
                scale={0.75}
                position={[0, -3.25, 1.5]}
                rotation={[-0.01, -0.2, -0.1]}
            />
        </mesh>
    );
};

const ComputersCanvas = () => {
    return (
        <Canvas
            frameloop="demand"
            shadows
            camera={{
                position: [20, 3, 5],
                fov: 25,
            }}
            gl={{ preserveDrawingBuffer: true }}>
            <Suspense fallback={<CanvasLoader />}>
                <OrbitControls
                    enableZoom={false}
                    maxPolarAngle={Math.PI / 2}
                    minPolarAngle={Math.PI / 2}
                />
                <Computers />
            </Suspense>
            <Preload all /> …
Run Code Online (Sandbox Code Playgroud)

three.js reactjs react-three-fiber react-three-drei

8
推荐指数
3
解决办法
6083
查看次数