studio link: https://awe.box/studio/9rXB80NFglzRzl06IZO1 space link:https://awe.box/play/9rXB80NFglzRzl06IZO1?draft=true ### **Proposed Behavior vs. oncyber v1** - **Proposed Behavior (AWE v2):** - **Immersive In-World UI:** Uses an InfoCard that appears next to a 3D model in the scene, with a prompt ("Press 'E' for more details"). - **Event-Driven Interaction:** Pressing "E" emits an event that triggers a detailed overlay (rendered via React), integrating seamlessly into the 3D environment. - **Enhanced Reactivity:** Leverages awe’s built-in UI rendering and potential for state management, making the overlay dynamic and reactive. - **oncyber v1 NFT Pop-Up:** - **Window Pop-Up:** When interacting with NFTs, a separate browser-style pop-up window would appear with details. - **Less Immersive:** The pop-up felt more detached from the environment, operating as a modal overlay separate from the 3D world. --- ### **Script Overview:** 1. **ArtifactData:** - *Current:* Stores metadata for artifacts (e.g., NFT details) as a static collection. - *Proposed:* Acts as the data source for both the InfoCard preview and the detailed overlay. 2. **InfoCard:** - *Current:* Displays a brief preview (name, category, material) of an artifact and listens for the "E" key. - *Proposed:* Instead of directly referencing overlay code, it emits a `"showArtifactOverlay"` event, decoupling the UI from data interaction. 3. **LookAt:** - *Current:* Monitors the camera’s proximity to InfoCards, determining which card is active. - *Proposed:* When the active InfoCard is in view and "E" is pressed, it triggers the overlay by emitting the event with artifact data. 4. **OverlayBehavior:** - *Current (Existing):* Listens for the `"showArtifactOverlay"` event and renders a detailed overlay UI with artifact information. - *Proposed:* Remains unchanged, providing a smooth, immersive experience compared to the separate pop-up in v1. --- ### **In Summary** Our current setup creates an in-world InfoCard next to a 3D model that invites interaction. Pressing "E" triggers an event that the OverlayBehavior listens for, rendering a detailed overlay—all within the immersive environment. This is a modern, integrated approach compared to oncyber v1’s separate NFT pop-up window, which felt more disconnected from the scene.