How to use the @aws-amplify/xr.loadScene function in @aws-amplify/xr

To help you get started, we’ve selected a few @aws-amplify/xr examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github aws-amplify / amplify-js / packages / amplify-ui-components / src / components / amplify-scene / amplify-scene.tsx View on Github external
async loadAndSetupScene(sceneName, sceneDomId) {
    this.loading = true;
    const sceneOptions = {
      progressCallback: progress => {
        this.loadPercentage = progress * 100;
      },
    };
    try {
      await XR.loadScene(sceneName, sceneDomId, sceneOptions);
    } catch (e) {
      this.sceneError = {
        displayText: 'Failed to load scene',
        error: e,
      };
      return;
    }

    XR.start(sceneName);

    this.muted = XR.isMuted(sceneName);
    this.isVRPresentationActive = XR.isVRPresentationActive(sceneName);
    this.loading = false;

    XR.onSceneEvent(sceneName, 'AudioEnabled', () => (this.showEnableAudio = false));
    XR.onSceneEvent(sceneName, 'AudioDisabled', () => (this.showEnableAudio = true));
github aws-amplify / amplify-js / packages / aws-amplify-react / src / XR / SumerianScene.tsx View on Github external
async loadAndSetupScene(sceneName, sceneDomId) {
    this.setStateAsync({ loading: true });
    const sceneOptions = { 
      progressCallback: (progress) => {
        const percentage = progress * 100;
        this.setState({ percentage });
      }
    };
    try {
      await XR.loadScene(sceneName, sceneDomId, sceneOptions);
    } catch (e) {
      const sceneError = {
        displayText: 'Failed to load scene',
        error: e
      }
      logger.error(sceneError.displayText, sceneError.error);
      this.setStateAsync({sceneError});
      return;
    }
    
    XR.start(sceneName);

    this.setStateAsync({ 
      muted: XR.isMuted(sceneName),
      isVRPresentationActive: XR.isVRPresentationActive(sceneName),
      loading: false
github aws-amplify / amplify-js / packages / aws-amplify-react / src / XR / SumerianScene.jsx View on Github external
async loadAndSetupScene(sceneName, sceneDomId) {
    this.setStateAsync({ loading: true });
    const sceneOptions = { 
      progressCallback: (progress) => {
        const percentage = progress * 100;
        this.setState({ percentage });
      }
    };
    try {
      await XR.loadScene(sceneName, sceneDomId, sceneOptions);
    } catch (e) {
      const sceneError = {
        displayText: 'Failed to load scene',
        error: e
      }
      logger.error(sceneError.displayText, sceneError.error);
      this.setStateAsync({sceneError});
      return;
    }
    
    XR.start(sceneName);

    this.setStateAsync({ 
      muted: XR.isMuted(sceneName),
      isVRPresentationActive: XR.isVRPresentationActive(sceneName),
      loading: false