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.