Project 22: Shadowed Orbit Scene

3D Engineer

Step 1 of 2

Project

Review: Shadows & Lighting

Combine directional lighting with cast/receive shadows on a lit stage.

🎯 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 shadows>
      <ambientLight intensity={0.3} />
      <directionalLight position={[4, 5, 2]} intensity={1.2} castShadow />
      <mesh position={[0, 1, 0]} castShadow>
        <sphereGeometry args={[1, 32, 32]} />
        <meshStandardMaterial color="orange" />
      </mesh>
      <mesh position={[0, -0.01, 0]} rotation={[-Math.PI / 2, 0, 0]} receiveShadow>
        <planeGeometry args={[8, 8]} />
        <meshStandardMaterial color="whitesmoke" />
      </mesh>
    </Canvas>
  );
}

← Previous Next →