Web Page Overview

The page presents some options for the bag material and the scene background.

Start here: .\src\Window.jsx Note the components BackgroundControls and ColorControls. These are a good starting point for following the logic of the application. The components generate buttons that invoke the _onSelectBackground and _onSelectColor methods. These in turn invoke _onSelected that sends a message to the Kit application via AppStream.sendMessage().

The _handleCustomEvent method reacts to events sent from the Kit application. This is where primChanged events from the app updates the label of the InfoCard component - making it show a selected USD Prim path. The events setColorResponse and setBackdropResponse are in essence confirmation messages and we use them to indicate the selected option state in the web UI.

➤ Next Steps: Configurator Sample Instructions