React Three Fiber中的BufferGeometry是一个强大的工具,可以优化渲染。阴影也是一个经常使用的特性。在使用BufferGeometry时,我们需要在材质设置中添加阴影选项以使其起作用。下面是一个简单的BufferGeometry并添加阴影的例子:
import React, { useRef } from "react";
import { useFrame } from "react-three-fiber";
import { MeshStandardMaterial } from "three";
function Box({ position = [0, 0, 0], castShadow = false, receiveShadow = false }) {
const ref = useRef();
useFrame(() => (ref.current.rotation.y += 0.01));
return (
);
}
function Scene() {
return (
);
}
function App() {
return (
);
}