Merge pull request #36 from readyplayerme/feature/exhibit-spring-back…

…-optional Feature - toggling Exhibit snap-back
readyplayerme · Jun 13, 2023 · b2e854a · b2e854a
2 parents cc357a0 + b9e8bea
commit b2e854a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/components/Exhibit/Exhibit.component.tsx b/src/components/Exhibit/Exhibit.component.tsx
@@ -42,6 +42,10 @@ export interface ExhibitProps extends CameraProps, EnvironmentProps {
    * Return base64 image after making screenshot of the canvas.
    */
   capture?: CaptureType;
+  /**
+   * Enables snap-back to center after rotating model.
+   */
+  snap?: boolean;
 }
 
 /**
@@ -57,7 +61,8 @@ export const Exhibit: FC<ExhibitProps> = ({
   shadows = false,
   float = false,
   fit = false,
-  capture
+  capture,
+  snap = false
 }) => {
   const model = useMemo(() => {
     if (!isValidGlbFormat(modelSrc)) {
@@ -79,7 +84,7 @@ export const Exhibit: FC<ExhibitProps> = ({
         <PresentationControls
           global
           config={{ mass: 2, tension: 500 }}
-          snap
+          snap={snap}
           rotation={[0, -0.3, 0]}
           polar={[-Math.PI / 3, Math.PI / 3]}
           azimuth={[-Math.PI / 1.4, Math.PI / 2]}

diff --git a/src/components/Exhibit/Exhibit.stories.tsx b/src/components/Exhibit/Exhibit.stories.tsx
@@ -21,7 +21,8 @@ Default.args = {
   position: new Vector3(0, 1, 5),
   fit: true,
   float: true,
-  shadows: true
+  shadows: true,
+  snap: true
 };
 Default.argTypes = {
   environment: { options: Object.keys(environmentPresets), control: { type: 'select' } }
@@ -35,7 +36,8 @@ _DragNDrop.args = {
   position: new Vector3(0, 0, 5),
   fit: true,
   float: true,
-  shadows: true
+  shadows: true,
+  snap: true
 };
 _DragNDrop.argTypes = {
   modelSrc: { control: false }