https-saml-salesforce-com
diff --git a/‎examples/src/examples/gaussian-splatting/reveal.controls.mjs‎
Lines changed: 6 additions & 0 deletions b/‎examples/src/examples/gaussian-splatting/reveal.controls.mjs‎
Lines changed: 6 additions & 0 deletions
diff --git a/‎examples/src/examples/gaussian-splatting/reveal.example.mjs‎
Lines changed: 9 additions & 0 deletions b/‎examples/src/examples/gaussian-splatting/reveal.example.mjs‎
Lines changed: 9 additions & 0 deletions
diff --git a/‎examples/src/examples/gaussian-splatting/shader-effects.controls.mjs‎
Lines changed: 54 additions & 0 deletions b/‎examples/src/examples/gaussian-splatting/shader-effects.controls.mjs‎
Lines changed: 54 additions & 0 deletions
@@ -24,6 +24,12 @@ export const controls = ({ observer, ReactPCUI, React, jsx, fragment }) => {
                 observer.emit('restart');
             }
         }),
+        jsx(Button, {
+            text: 'Prev',
+            onClick: () => {
+                observer.emit('prev');
+            }
+        }),
         jsx(Button, {
             text: 'Next',
             onClick: () => {
 
@@ -167,6 +167,15 @@ assetListLoader.load(() => {
         createEffect(currentEffect);
     });
 
+    // Prev button - cycle to previous effect in the list
+    data.on('prev', () => {
+        const currentEffect = data.get('effect');
+        const currentIndex = effects.indexOf(currentEffect);
+        const prevIndex = (currentIndex - 1 + effects.length) % effects.length;
+        const prevEffect = effects[prevIndex];
+        data.set('effect', prevEffect);
+    });
+
     // Next button - cycle to next effect in the list
     data.on('next', () => {
         const currentEffect = data.get('effect');
 
@@ -0,0 +1,54 @@
+/**
+ * @param {import('../../app/components/Example.mjs').ControlOptions} options - The options.
+ * @returns {JSX.Element} The returned JSX Element.
+ */
+export const controls = ({ observer, ReactPCUI, React, jsx, fragment }) => {
+    const { BindingTwoWay, LabelGroup, SelectInput, BooleanInput, Button } = ReactPCUI;
+    return fragment(
+        jsx(
+            LabelGroup,
+            { text: 'Effect' },
+            jsx(SelectInput, {
+                options: [
+                    { v: 'hide', t: 'Statue Hide' },
+                    { v: 'reveal', t: 'Statue Reveal' },
+                    { v: 'tint', t: 'Statue Tint' },
+                    { v: 'untint', t: 'Statue Untint' },
+                    { v: 'roomHide', t: 'Room Hide' },
+                    { v: 'roomReveal', t: 'Room Reveal' },
+                    { v: 'roomTint', t: 'Room Tint' },
+                    { v: 'roomUntint', t: 'Room Untint' }
+                ],
+                binding: new BindingTwoWay(),
+                link: { observer, path: 'effect' }
+            })
+        ),
+        jsx(Button, {
+            text: 'Restart',
+            onClick: () => {
+                observer.emit('restart');
+            }
+        }),
+        jsx(Button, {
+            text: 'Prev',
+            onClick: () => {
+                observer.emit('prev');
+            }
+        }),
+        jsx(Button, {
+            text: 'Next',
+            onClick: () => {
+                observer.emit('next');
+            }
+        }),
+        jsx(
+            LabelGroup,
+            { text: 'Enabled' },
+            jsx(BooleanInput, {
+                type: 'toggle',
+                binding: new BindingTwoWay(),
+                link: { observer, path: 'enabled' }
+            })
+        )
+    );
+};