Input

// Create a scene object and node with an input component.
// Note you will probably only need one instance of an input component
// for your entire application.
const [ sceneObject ] = await sdk.Scene.createObjects(1);
const node = sceneObject.addNode();
const inputComponent = node.addComponent('mp.input', {
  eventsEnabled: true,
  userNavigationEnabled: false,
});
sceneObject.start();

// Define an emit path to listen for mouse click emits
const clickEmitPath = sceneObject.addEmitPath(
  inputComponent,
  "INTERACTION.CLICK"
);

// Define a click event spy
const clickSpy = sceneObject.spyOnEvent({
  path: clickEmitPath,
  onEvent(payload: any) {
      console.log('received', payload);
  }
});

// Define an emit path to listen for keyboard interaction
const keyEmitPath = sceneObject.addEmitPath(
  inputComponent,
  "INTERACTION.KEY"
);

// Define a keypress event spy
const keySpy = sceneObject.spyOnEvent({
  path: keyEmitPath,
  onEvent(payload: any) {
    // Log the key to the browser console.
    console.log(payload.key);
    if (payload.key === 90 && payload.state === 2) {
      // Bind to keydown state for 'z'
      console.log('z');
    }
    if (payload.key === 88 && payload.state === 2) {
      // Bind to keydown state for 'x'
      console.log('x');
    }
  },
});

// You can enable navigation after starting the node.
inputComponent.inputs.userNavigationEnabled = true;

// You can turn off all events and the spy wont receive any callbacks.
inputComponent.inputs.eventsEnabled = false;