Project 1: First 3D Scene

3D Engineer

Builds on these lessons

Step 1 of 2

Project

Your First Scene

Every react-three-fiber app starts with a <Canvas>. Add a cube mesh made of a boxGeometry and a meshStandardMaterial.

🎯 Your Task

Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!

export default function Scene() {
  return (
    <Canvas>
      <ambientLight intensity={0.6} />
      <mesh>
        <boxGeometry args={[1, 1, 1]} />
        <meshStandardMaterial color="orange" />
      </mesh>
    </Canvas>
  );
}

← Previous