react-three-fiber:旋转四面体“面朝下”

import React, { useRef } from 'react';
import { Canvas, useFrame } from 'react-three-fiber';
import { Tetrahedron } from 'drei';

const TetrahedronScene = () => {
  const tetrahedronRef = useRef();

  useFrame(() => {
    tetrahedronRef.current.rotation.x += 0.01;
    tetrahedronRef.current.rotation.y += 0.01;
  });

  return (
    <Tetrahedron ref={tetrahedronRef} args={[1, 0]} position={[0, 0, 0]}>
      <meshStandardMaterial color="red" />
    </Tetrahedron>
  );
};

const App = () => {
  return (
    <Canvas>
      <ambientLight intensity={0.5} />
      <pointLight position={[10, 10, 10]} />
      <TetrahedronScene />
    </Canvas>
  );
};

export default App;