Interactive 3D Dice

This interactive 3D scene demonstrates a dice implementation using React Three Fiber and Drei's MeshPortalMaterial. Each face of the dice is rendered with a different number of dots (1-6) using MeshPortalMaterial for a unique visual effect. The dice can be rotated and zoomed, and each face changes color when hovered over.

Interaction Guide

• • Click and drag to rotate the dice
• • Scroll to zoom in/out
• • Hover over faces to see the color change effect
• • Each face uses MeshPortalMaterial for a unique visual effect