feat: replaced ExtrudeGeometry with RoundedBoxGeometry

[Riku-KANO]

Why

• Issue#180, Issue#1908.
• To make this module simpler and more understandable by not using ExtrudeGeometry.

What

• Replaced ExtrudeGeometry from 'three' with RoundedBoxGeometry from 'three-stdlib'
  → This allows us to attach multiple materials on each sides of RoundedBox, resolving Issue#180. Refer to the following code and image.

<RoundedBox args={[4, 6, 3]} segments={4} radius={1}>
  <meshStandardMaterial attach="material-0" color="#0000FF" />
  <meshStandardMaterial attach="material-1" color="#FFFFFF" />
  <meshStandardMaterial attach="material-2" color="#FF0000" />
  <meshStandardMaterial attach="material-3" color="#00FF00" />
  <meshStandardMaterial attach="material-4" color="#000000" />
  <meshStandardMaterial attach="material-5" color="#FF00FF" />
</RoundedBox>

I have simplified and clarified the previously complex implementation by utilizing existing modules.

Checklist

• Documentation updated (example)
• Storybook entry added (example)
• Ready to be merged

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
drei	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 13, 2024 6:09am

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.