Project 2: Multi-Object Scene

3D Engineer

Builds on these lessons

Step 1 of 2

Project

Multiple Objects, One Scene

A scene can hold as many meshes as you want, each positioned independently. Add a box and a sphere side by side.

🎯 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 position={[-1.5, 0, 0]}>
        <boxGeometry args={[1, 1, 1]} />
        <meshStandardMaterial color="orange" />
      </mesh>
      <mesh position={[1.5, 0, 0]}>
        <sphereGeometry args={[0.7, 32, 32]} />
        <meshStandardMaterial color="skyblue" />
      </mesh>
    </Canvas>
  );
}

← Previous Next →